Magnific-Popup不允许弹出窗口在其内部获得焦点。

Question

当TinyMCE（或任何其他所见即所得的编辑器）在Magnific-Popup中初始化时，它可以正常工作，您可以编辑和格式化HTML。但是，当您单击添加链接或添加图像按钮时，它会通过TinyMCE打开另一个弹出窗口，TinyMCE弹出窗口的文本字段无法聚焦，因此无法进行编辑。是否有Magnific-Popup设置可以允许TinyMCE在其自己的弹出窗口中获得焦点？

代码很基本：

$.magnificPopup.open({items:{src:'#modal'}});
tinymce.init({ selector: '#textarea'});

- Victor Cintron

Answer 1

如果另一个弹出类不在MagnificPopup DOM内，您需要为其进行排除。

请参见在magnific popup中使用select2：搜索输入无法聚焦和https://github.com/dimsemenov/Magnific-Popup/issues/280

正如作者所说：

当选项卡焦点更改时，弹出窗口会检查新的焦点元素是否在弹出窗口内。 如果它在外部，则弹出窗口将焦点设置回弹出窗口的根元素。 这样做是为了在弹出窗口中“锁定”选项卡焦点。

“select2”插件的解决方法示例：

$.magnificPopup.instance._onFocusIn = function(e) {
          // Do nothing if target element is select2 input
          if( $(e.target).hasClass('select2-input') ) {
            return true;
          } 
          // Else call parent method
          $.magnificPopup.proto._onFocusIn.call(this,e);
};

- Sergey Beloglazov