CKEditor: выпадающие меню панели open out of line

Question

Я использую inline ckeditor на своей странице. Это прекрасно работает везде, кроме модального. Что происходит, так это то, что выпадающие панели на панели инструментов отображаются на 50-200 пикселей выше остальной части панели инструментов при нажатии. ex стили или выбор шрифта. Я не могу понять, ПОЧЕМУ! и ошибка только в этом модальном, а не в другом месте. Кто-нибудь может понять, почему? Это наследование CSS? Является ли это тем, что я делаю элементы над ckeditor после рендеринга ckeditor?

Мой инициализации выглядит следующим образом:

<div class="text-and-toolbar"> 
    <div id="<%= UID %>-cktool" class="ckeditor-toolbar-div hidden"></div> 
    <div class="text-field" id="<%= UID %>" data-fieldid="<%= FieldId %>"> 
    <div class="ckEditor read-only-content" contenteditable="true" id="<%= UID %>-textarea"><%= Content %></div> 
</div> 

var toolbar = self.$("#"+self.$(".text-field").attr("id") + "-cktool"); 
editor = (this.editor = CKEDITOR.inline(this.textarea[0], 
{ 
     sharedSpaces:{ 
        top: self.toolbar.attr("id") 
     } 
})); 

панель инструментов в config.js:

config.toolbar = 
[ 
    { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', '-', 'Undo', 'Redo'] }, 
    { name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll'] }, 
    { name: 'colors', items: ['TextColor'] }, 
    { name: 'insert', items: ['Table', App.currentUser.isSuperAdmin ? 'Image' : ''] }, 
    { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', '-', 'RemoveFormat'] }, 
    { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] }, 
    { name: 'links', items: ['Link', 'Unlink', 'Anchor'] }, 
    { name: 'plugin', items: ['SpellChecker', 'Scayt', 'Sourcedialog'] }, 
    { name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize'] } 
]; 

UPDATE: Так я понял, почему, но не так, как почини это. Модаль имеет полосу прокрутки (содержание тела длиннее, чем модальное). При редактировании содержимого в браузере до тех пор, пока модальное, оно работает.

Answer 1

Исправлено: Если бы установить модальное CSS ОТ

position: absolute; 

к:

position: static;