Элемент ссылки на панели инструментов ckeditor 5 не работает в пользовательском диалоге

Я вызываю диалоговое окно пользовательского интерфейса из другого диалогового окна пользовательского интерфейса, чтобы отправить электронное письмо пользователю, указанному в первом диалоговом окне пользовательского интерфейса.

Этот второй диалог пользовательского интерфейса использует Ckeditor 5 для создания содержимого электронного письма.

Все элементы панели инструментов работают безупречно, но значок ссылки никогда не показывает раскрывающийся список для добавления URL-адреса при нажатии.

Я провел несколько часов в Google и, хотя мне не удалось найти точно такой же сценарий, было несколько статей, в которых говорилось о проблеме с фокусом в диалоге и редакторе, в основном в Bootstrap.

Я попытался поиграть с кодом, приведенным для моего сценария, но ничего не помогло.

Кто-нибудь еще сталкивался с этим вообще, и если да, то каково решение.

заранее спасибо


ckeditor ckeditor5 jquery-ui-dialog
person djcamo    schedule 27.05.2020    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Я тоже работаю над этим вопросом. Мне удалось отобразить воздушный шар с помощью .ck-balloon-panel {z-index: 9999! Important}, но текстовое поле для записи ссылки невозможно выбрать.

person Daniel Jarl    schedule 15.06.2020

arrow_upward
0
arrow_downward

разобрался - добавил .ck-balloon-panel {z-index: 9999! important}, чтобы он всегда был перед всем остальным

person djcamo    schedule 27.05.2020

arrow_upward
0
arrow_downward

попробуйте, установив модальный как false

$(function () {

    $("#dialog-detail").dialog({
        autoOpen: false,
        height: 500,
        width: 700,
        modal: false,
        buttons: {
        }
    });
});
person surat    schedule 02.07.2020