javascript — Почему Firefox не затеняет мои отключенные опции выбора?

Почему Firefox не затеняет мои отключенные опции выбора?

У меня есть этот Javascript:

 let projectBox = document.getElementById("invoice_project_id"); let taskBoxes = document.getElementsByClassName("tasks"); function filterTasks() { let project = projectBox.options[projectBox.selectedIndex]; let results = Array.from(taskOptions).filter(task ={amp}gt; { return task.getAttribute("data-project-id") == project.value || task.value == ""; }) Array.from(taskBoxes).forEach(taskBox ={amp}gt; { let source = taskBox.closest(".source"); if (results.length {amp}gt; 2) { source.classList.add("active"); taskBox.innerHTML = ""; results.forEach(result ={amp}gt; { if (result.getAttribute("data-charged") == "true") { result.disabled = true; // some options get disabled here which works perfectly in all browsers except Firefox } taskBox.add(result.cloneNode(true)); }) } else { source.classList.remove("active"); } }) } 

Он отлично работает во всех браузерах, кроме Firefox (последняя версия на Mac).

По какой-то причине в Firefox отключенные опции выбора не (!) Затенены. Они отключены в HTML, но они похожи на все остальные, включенные опции.

Что мне здесь не хватает?

Это ошибка Firefox или что-то не так с моим кодом?

HTML:

 {amp}lt;select class="tasks"{amp}gt; {amp}lt;option value=""{amp}gt;Please select a task...{amp}lt;/option{amp}gt; {amp}lt;option data-project-id="375" data-charged="false" value="413"{amp}gt;Do something{amp}lt;/option{amp}gt; {amp}lt;option data-project-id="375" data-charged="true" value="196" disabled=""{amp}gt;Do something else{amp}lt;/option{amp}gt; {amp}lt;option data-project-id="375" data-charged="true" value="199" disabled=""{amp}gt;Yet another task{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector