bootstrap-4 - Bootstrap 4 模式中的 X-Editable 不可点击

Question

我在 Bootstrap 4 设计中有一个模态，上面有两个 XEditable 文本字段。

如果我将 XEditable 选项设置为内联，它工作正常(认为表格被推到一边，但我想这只是一个 CSS 修复)。但是，如果它设置为我想要的弹出窗口，我无法单击弹出窗口中的文本框？任何人都知道为什么？我在想也许是顺序，但不确定如何更改？

附上截图。

Answer 1

您可以通过删除 tabindex 来解决此问题。来自模态的属性(property)div .
这里tabindex模态 div 的属性与 select2 冲突xeditable 的属性。
所以只需删除tabindex=-1或设置

tabindex=10 or any other value.

借用的答案。
When we use X-editable's "select2" into bootstrap-modal ,it can not focus on search input and not input key word #206
编辑:如果使用 Jquery:

$(document).off('focusin.modal');

在模态显示事件上