TinyMCE放入Bootstrap模态对话框时无法全屏

Question

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

Full screen is under View -> Fullscreen

Answer 1

当模式对话框内的元素具有位置：固定时，变换会影响元素位置的计算。当全屏查看tinymce时，这会产生问题。

改变变换：translate(0, 0); 样式表中的以下内容：

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

更新了小提琴：jsfiddle.net/344y9brr/4/

变换：translate(0, 0); 为固定位置后代创建一个包含块。有关更多信息，请参阅此问题“为什么 -webkit-transform 与固定子项混淆”。