Модальное всплывающее окно начальной загрузки не позволяет фокусироваться на родительских элементах ввода при нажатии на родительский элемент ввода

#twitter-bootstrap #internet-explorer-11 #sharepoint-online

Вопрос:

у нас есть загрузочный режим, который показывает значок, и при нажатии на значок мы пытаемся отобразить небольшое окно, похожее на окно чата, но проблема, с которой мы сталкиваемся, заключается в том, что при нажатии на значок открывается окно чата, но основная проблема заключается в том, что

ввод в окне чата не попадает в фокус —
Ввод окна чата получает фокус только тогда, когда модал закрыт

Эта проблема возникает только в IE, она отлично работает в Google Chrome и Edge при условии, что мы удалим свойство TabIndex =-1 для bootstrap modal.

Chatbox здесь является родительским элементом

как мы можем решить эту проблему в IE?

1. Вы можете попробовать обратиться к решению, предоставленному участником сообщества. Если проблема сохраняется, я предлагаю вам опубликовать свой пример кода. Мы попробуем протестировать ваш код с помощью IE и попытаемся предложить вам возможное решение проблемы.

Ответ №1:

Это проблема с моделью начальной загрузки. Ответственный список событий в начальной загрузке мгновенно фокусируется на модели. Поэтому мы должны отвлечься от модели, как только окно открыто. Для этого вы можете использовать приведенный ниже код.

 $("mymodal").on('shown.bs.modal',function(){
    $(document).off('focusin.modal');
});

Спасибо.

1. @Pradeep, ты пробовал это? Дайте мне знать, если вы все еще сталкиваетесь с проблемой. Иначе отметьте это как ответ.

2. Каким было бы решение при использовании в ReactJS и reactstrap.github.io