firefox и непонятный change
Доброго времени, имеем простую конструкцию с select.
Немного не понятно и происходит только в лисе, по шагам: 1.Выбираю пункт из selecta 2.Открываю select навожу на разные пункты и ничего не выбрав щелкаю в стороне от него 3.Нажимаю на кнопку "Отчистить" и тут происходит непонятное для меня. срабатывает change !! Подскажите почему происходит такое загадочное поведение и как побороть его ?
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<select>
<option value="0">1</option>
<option value="1024">2</option>
<option value="10">3</option>
<option value="101">4</option>
<option value="111">5</option>
</select>
<button>Отчистить</button>
<script>
var select = document.querySelector("select")
var options = select.options
select.addEventListener("change", function(event){
console.log(event)
options[event.target.options.selectedIndex].disabled = true
})
</script>
</body>
</html>
|
Это косяк мозиллы.
Причем это далеко на самы прикольные последствия бага, В песочнице после того как я имитирую ситуацию у меня начинает гнать выделение текста (кода слева). С мышки выделение исчезает, а при выделении с клавиатуры(с зажатым shift) каретка не двигается. http://learn.javascript.ru/play/MoROHb У меня 26я версия, пробую обновится. |
Поздравляю с открытием нового бага :D
Твоя кнопка тут не причем. Просто баг проявляется если задизэйблить текущий опшн, открыть список, поводить мышкой, ничего не выбрать и сбросить фокус с селекта (по клику на кнопку сброс и происходит). Причем отображаемое значение селекта не обновляется :) Хорошо бы сюда: https://bugzilla.mozilla.org/ |
Спасибо, кому не трудно запостите баг, а то я не владах с английским.
|
| Часовой пояс GMT +3, время: 10:53. |