Bootstrap 4模式中的X-Editable无法点击

Question

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

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

附带截图。

Answer 1

弹出选项与Bootstrap 4不兼容，目前只有内联工作正常。该插件是为Bootstrap 3编写的，并且导致此问题的标记存在差异。

Bootstrap 4有一个开发分支，您可以尝试下载它以查看它是否解决了您的问题：

https://github.com/Talv/x-editable/tree/develop/dist/bootstrap4-editable

Answer 2

您可以通过从模式tabindex中删除div属性来解决此问题。

模态div的tabindex属性与xeditable的select2属性冲突。

因此只需删除

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