javascript - 超出 Magnific Popup 和 Bootstrap 3 模态调用堆栈

Question

将 Boostrap 3 Modal 与 Magnific Popup 结合使用时，我遇到了一个有趣的问题。我有一个包含视频列表的 Bootstrap Modal，每个视频都有一个查看链接，可以打开 Magnific Popup iframe 弹出窗口。

一切正常，直到我使用 Magnific Popup 的 z-index 让它出现在 Bootstrap Modal 的顶部。 问题是，如果您尝试关闭 Magnific Popup(或与之交互)，则会发生 stackoverflow 错误(超出最大调用堆栈)。

注意:如果我单独保留 Magnific Popup 的 z-index，一切正常。

简化示例:http://codepen.io/craigh/pen/GoWWOK/

注意:codepen 会抑制 SO 错误，因此问题不那么明显。但在我的网站上，SO 发生锁定浏览器。

我认为这与在 Bootstrap Modal 外部单击如何关闭模态有关，但我将模态背景更改为静态(强制用户单击 x 或关闭按钮)但没有改变。有什么想法吗？

Answer 1

有人在 github issue 中发布了这个问题的答案关于同样的问题。注释掉一行代码似乎很麻烦，但它确实起到了作用，而且到目前为止我还没有发现任何副作用。

摘自github用户RandomArray的回复

Line 375 seems to be the problem. I commented it out and the Maximum call stack size exceeded error went away.

_document.on('focusin' + EVENT_NS, mfp._onFocusIn);