Branding balloon dialog can appear on top of drop downs from the toolbar
📝 Provide detailed reproduction steps (if any)
If there's a long drop-down menu, the branding balloon that appears on the bottom right of the editor can appear on top of it:
✔️ Expected result
Any editor component should appear on top of the branding balloon.
❌ Actual result
The branding balloon always appears on top of drop-downs, obscuring their contents.
❓ Possible solution
📃 Other details
- Browser: FireFox, Safari
- OS: MacOS
- First affected CKEditor version: 40.1.2
- Installed CKEditor plugins: A ton of them, but this should be reproduceable with the language plugin it has many languages enabled and it appears far to the right on the toolbar
If you'd like to see this fixed sooner, add a 👍 reaction to this post.
@oleq / @pszczesniak is there some CSS tweak that we could implement to this. AFAIR it's position:absolute.
@bkosborne could you tell us what editor type are you using? Is it a DecoupledEditor?
AFAICS, it's Classic from Drupal environment.
I've checked it with Classic and it looks like it works as expected:
But it's not working properly with Decoupled:
Problem relies on that editor toolbar from Decoupled is attached the to web page manually, in a desired place, after the editor is initialized - and some styles aren't moved with it (like z-indexes, etc) cause we don't want to interfere with the page style.
.ck-powered-by {
display: none !important;
}
I believe hiding the balloon entirely is against the terms of service
I cannot reproduce that on classic, as @pszczesniak said.
Hey guys, did we find any solution for this? I am experiencing the same issue, and messing around with the CSS for some reason provides only a solution to completely hide the "powered by CKEditor", and that just doesn't seem like appropriate solution. Im on all new versions v44.1.0 except the react one which is v9.4.0