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

Question

我有一个包含文本框的甜蜜提醒框。 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 模态框中。

所以现在我所做的是从文档中取消绑定 focusin.bs.modal 事件，如下所示。它工作正常。

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

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

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

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