当我们单击父输入元素时，Bootstrap Modal弹出窗口不允许关注父输入元素

Question

我们有一个显示图标的引导模式，点击图标我们试图显示一个类似于聊天框的小窗口，但我们面临的问题是当点击图标时，聊天框打开但是主要问题

1. 聊天框输入没有得到关注 -
2. 聊天框输入仅在模态关闭时获得焦点

此问题仅在IE中出现，如果我们删除引导模式的TabIndex = -1属性，它在Google Chrome和Edge中工作正常。

Chatbox是这里的父元素

我们如何在IE中解决这个问题？

Answer 1

这是bootstrap模型的问题。引导程序中的责任事件列表器立即关注模型。因此，一旦窗口打开，我们必须关注模型。您可以使用以下代码执行此操作。

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

谢谢。