在IE11中输入焦点上的Bootstrap 4.1模式调整大小

Question

只有在Internet Explorer 11中查看时（仅在IE 11中测试过），我才会在Bootstrap 4.1中遇到调整大小/移位的对话框。

将输入聚焦在模态中时会出现问题。

以下gif取自模拟<{p>的Bootstrap 4.1 documentation页面

我似乎无法找到有关此行为的任何信息。

可以通过在对话框打开时将焦点设置在字段上来修复，但是某些对话框在打开时可能没有任何元素焦点。

是否有针对此问题的建议解决方法或修复方法？

Answer 1

我能够通过将任何受影响的元素的outline属性显式设置为0来解决此问题。例如，添加以下css为我解决了这个问题：

.form-control {
    outline: 0;
}

button, button:focus {
    outline: 0;
}

Answer 2

问题是CSS-Class form-control。当您将display: block更改为display: inline时，问题就会消失。