javascript - TinyMCE 放在 Bootstrap 模态对话框时不能全屏

Question

我尝试让 TinyMCE 编辑器出现在模态框内，但我无法让它全屏显示。这是一个 jsfiddle，如果您调整它的大小，全屏会覆盖模态将覆盖的区域。 http://jsfiddle.net/344y9brr/

Full screen is under View -> Fullscreen

Answer 1

当模态对话框内的元素具有 position:fixed 时，转换会影响元素位置的计算。这会在 全屏 查看 tinymce 时产生问题。

将 transform: translate(0, 0); 更改为样式表中的以下内容:

.modal.in .modal-dialog {
  -webkit-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

更新 fiddle :jsfiddle.net/344y9brr/4/

transform: translate(0, 0); 为固定位置的后代创建一个包含 block 。看这个问题why -webkit-transform messes up with fixed childs获取更多信息。