javascript - 在 Firefox 的引导模式下，Sweet Alert 中的文本框无法聚焦

Question

我有一个包含文本框的 sweetalert 框。 sweetalert 在引导模式框中打开。在 Firefox 中，我尝试单击文本框，但它没有获得焦点。

这是我的甜蜜警报代码:

swal(
        {
            title:              "Create New Design",
            input:              "text",
            showCancelButton:   true,
            inputPlaceholder:   "Title",
            preConfirm: function(input)
            {
                // code to validate the input
            }
        });

这是屏幕截图:

Answer 1

根据 @limonte 在评论中给出的已知问题，Boostrap 模态框有一个名为 enforceFocus 的函数，一旦我们尝试聚焦于某个元素，该函数就会立即将焦点置于模态本身上未包含在 BS 模式框中。

所以现在我所做的就是从文档中取消绑定(bind) focusin.bs.modal 事件，如下所示。效果很好。

jQuery('#myModal').on('shown.bs.modal', function() {
    jQuery(document).off('focusin.modal');
});

除了彼此之外，我们没有任何其他解决方案可以做到这一点。

我们可以使用下面的行覆盖该特定方法:

jQuery.fn.modal.Constructor.prototype.enforceFocus = function () { };