Закрытие мода загрузки с помощью ESC

Я использую 2 модала, первый содержит форму, а второй появляется, когда в форме появляется ошибка. 2nd modal содержит только текст с сообщением об ошибке.

Моя проблема заключается в том, что при появлении 2-го модального отображения, и я нажимаю Esc, первый (с формой) закроется на втором.

Есть ли способ сфокусировать второй модальный код при его появлении?

enter image description here

Вот как это выглядит, теперь, если бы я нажал Esc, первый закроется, но я хочу сначала закрыть второй.

UPDATE

Как только я нажимаю где-то на втором модуле, он отлично работает. Мне просто нужно выбрать/сфокусировать его автоматически

ОТВЕТЫ

Ответ 1

Похоже, что это проблема с тем, как привязывается событие keyup.

Вы можете добавить атрибут "tabindex" к вашему модалу, чтобы обойти эту проблему:

 tabindex="-1"

Итак, ваш полный код должен выглядеть так:

<a href="#my-modal" data-keyboard="true" data-toggle="modal">Open Modal</a>

<div class='modal fade hide' id='my-modal' tabindex='-1'>
<div class='modal-body'>
<div>Test</div>
</div>

Для получения дополнительной информации вы можете просмотреть обсуждение этой проблемы в github: https://github.com/twitter/bootstrap/issues/4663