Ситуация:
У меня есть веб-страница, которая открывает модальные окна (световые окна), которые содержат формы, в которые пользователь может вводить данные. Пользователи обычно перемещаются с помощью клавиатуры, переходя от одного поля к другому.
Проблема:
Когда открывается модальное окно, активно только окно, остальная часть страницы недоступна с помощью мыши, но элементы могут можно получить, выбрав табуляцию из модального окна.
Вопрос:
Как я могу ограничить перемещение с помощью кнопки табуляции только элементами в окне формы?
Единственное, что я могу придумать, - это использовать Javascript установить tabindex = -1
для всех элементов формы (и других фокусируемых элементов) при открытии модального окна, а затем установить значения tabindex
обратно на их предыдущие значения, когда модальное окно закрыто.
Есть ли более простой / лучший способ?