С помощью стрелок на клавиатуре нужно перемещать фокус по ряду селектов. Чтобы избежать смены options при перемещении по селектам применяется event.preventDefault(). В Хроме все работает (фокус перемещается по селектам не меняя options в них), но в Firefox не отрабатывает и при перемещении по селектам переключаются options c тех селектов с которых уходит фокус. stopPropagation stopImmediatePropagation тоже не помогает.
let focus = document.getElementsByClassName('results');
let key = 1;
document.addEventListener('keydown', (event) => {
const keyName = event.key;
if (keyName === 'ArrowDown') {
event.preventDefault();
event.stopPropagation();
event.stopImmediatePropagation();
focus[key].focus();
key++;
if (key >= 3) {
key = 0
}
}
});
<select class="results">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select class="results">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select class="results">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости