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

Question

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

1. ввод окна чата не получает фокус -
2. ввод окна чата фокусируется только тогда, когда модальное окно закрыто

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

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

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

Answer 1

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

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

Спасибо.