TinyMCE 4.x editor.windowManager.open проблема с автопрокруткой и переполнением

Question

У меня проблема с пользовательским плагином TinyMCE 4.x js для editor.windowManager.open. Я использовал autoScroll: true, height: 500, width: 800 и еще несколько параметров, но только высота и ширина получают эффект. Я вижу полосу прокрутки, но она не работает, а содержимое тела видно.

editor.windowManager.open( {
     autoScroll: true,
     height: 500,
     width: 800,
     resizable : true,

Answer 1

У меня такая же проблема. Это потому, что WordPress добавляет следующее правило в editor.min.css:

    .mce-window .mce-container-body.mce-abs-layout {
        overflow: visible;
    }

Чтобы это исправить, просто добавьте класс в ваше окно:

var win = editor.windowManager.open( {
    autoScroll: true,
    width: 670,
    height: 500,
    classes: 'myAwesomeClass-panel'
});

И нацельтесь на это с помощью некоторых CSS:

.mce-window.mce-container.mce-myAwesomeClass-panel .mce-container-body.mce-abs-layout {
    overflow: hidden;
}

Добавление класса к вашей панели и применение css только для этого, скорее всего, предотвратит любые помехи со встроенным wp-компонентом.

Answer 2

У меня также есть та же проблема, но я решаю ее с помощью следующего изменения кода в местоположении CSS:wp-includes/css/editor.min.css

.mce-window .mce-container-body.mce-abs-layout{
    overflow: auto;
 }