twitter-bootstrap - Bootstrap 模式中的tinymce : wrong dropdown position on scroll

Question

我在 Bootstrap 模式中使用 tinymce，但在页面滚动时出现 tinymce 下拉菜单问题:基本上它们的绝对位置没有更新，并且显示在错误的位置。我准备了一个jsbin显示问题:只需打开颜色选择器并滚动页面。

有什么提示吗？任何人都有同样的问题并设法使它工作？

谢谢

Answer 1

除了 user206056 css 答案:

.mce-menu {position:fixed !important}

尝试添加到您的 TinyMCE 初始化方法中，添加 ui_container参数并将其设置为 Bootstrap 模式的选择器。

就像是:

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

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