bootstrap模态中的tinymce：滚动时的下拉位置错误

Question

我在bootstrap模式中使用了tinymce但是我在页面滚动时遇到了一个问题：基本上它们的绝对位置没有更新，它们显示在错误的位置。我准备了一个jsbin来显示问题：只需打开颜色选择器并滚动页面。

任何提示？任何人都有同样的问题，并设法使其工作？

由于

Answer 1

除了user206056 css回答：

.mce-menu {position:fixed !important}

尝试添加到您的TinyMCE init方法，添加ui_container参数并将其设置为引导模式的选择器。

类似的东西：

 tinymce.init({
    selector: '.my-mce-selector',
    ui_container: '.modal', // bootstrap modal
    // your other options ... 
});

虽然这并不适用于所有情况（例如inline: true），但您可能需要关注GitHub issue进行更新。

Answer 2

偶然发现了同样的问题。通过添加

解决了这个问题

.mce-menu {position：fixed！important}

到我的css文件中保存页面样式。 希望这有帮助

Answer 3

对于较新的tinymce版本，请尝试以下操作：

.tox-tinymce-aux {
     position: relative !important;
     z-index: 10055;
}

只需确保您的z-index值大于模态的z-index。