ckeditorjquery-ui-dialogckeditor5

ckeditor 5 toolbar link item not working in ui-dialog


I call a UI dialog box from an another UI dialog to send an email to a user listed on the first UI dialog.

This second UI dialog uses Ckeditor 5 to create the content of the email.

All of the toolbar items work perfectly, but the link icon never shows the drop down to add a URL when clicked.

I have spent a number of hours on Google and whilst I could not find an exact same scenario, there were a few articles that talked about a focus issue with the dialog and the editor, mostly in Bootstrap.

I tried to fiddle with the code given to accommodate my scenario but nothing worked.

Has anyone else come across this at all, and if so what is the solution.

Thanks in advance


Solution

  • worked it out - added .ck-balloon-panel{z-index:9999 !important} so that it was always in front of anything else