ckeditor
Editor balloons don't work properly in OpenUI5 Dialog windows
- Sample Code: https://codepen.io/momiavive/pen/MWXJKxZ
- Live Sample: https://codepen.io/momiavive/full/MWXJKxZ
📝 Provide detailed reproduction steps (if any)
- Load CKEditor 5 into an Openui5 Dialog (sap.m.Dialog)
- Insert a link and try to type inside the field.
- Insert a table and try to expand Row or Columns dropdown options.
✔️ Expected result
- Dropdowns should expand without closing immediately (like the non-dialog editor)
- Link field should allow typing.
❌ Actual result
- Unable to expand dropdowns (like non-dialog editor)
- Unable to type into link field.
📃 Other details
- Browser: MS Edge
- OS: Windows 11
- First affected CKEditor version: 35.2.0
If you'd like to see this fixed sooner, add a 👍 reaction to this post.
Hi @momiavive,
Thanks for reaching out and for bringing this issue to our attention. We can confirm that we were able to reproduce it.
It's possible that the dialog/modal windows of OpenUI5 are "stealing" the focus from the CKE5 input fields, as described in our documentation article on compatibility with CSS frameworks.
Unfortunately, as of right now, I wasn't able to come up with a solution but perhaps the article linked above could help you with your debugging.
There has been no activity on this issue for the past year. We've marked it as stale and will close it in 30 days. We understand it may still be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.
Hi @CKEditorBot, I have faced the same issue while working with CKEditor. When I try to open CKEditor in an MUI modal, the anchor links are not working as demonstrated in the example given by @momiavive
There has been no activity on this issue for the past year. We've marked it as stale and will close it in 30 days. We understand it may still be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.