ckeditor5 icon indicating copy to clipboard operation
ckeditor5 copied to clipboard

Branding balloon dialog can appear on top of drop downs from the toolbar

Open bkosborne opened this issue 1 year ago • 7 comments

📝 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:

Screenshot 2024-03-28 at 2 46 36 PM

✔️ 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.

bkosborne avatar Mar 28 '24 18:03 bkosborne

@oleq / @pszczesniak is there some CSS tweak that we could implement to this. AFAIR it's position:absolute.

Witoso avatar Apr 03 '24 15:04 Witoso

@bkosborne could you tell us what editor type are you using? Is it a DecoupledEditor?

pszczesniak avatar Apr 04 '24 06:04 pszczesniak

AFAICS, it's Classic from Drupal environment.

Witoso avatar Apr 04 '24 07:04 Witoso

I've checked it with Classic and it looks like it works as expected:

Screenshot 2024-04-04 at 08 24 55

But it's not working properly with Decoupled:

Screenshot 2024-04-04 at 08 35 37

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.

pszczesniak avatar Apr 04 '24 07:04 pszczesniak


   .ck-powered-by {
	display: none !important;
   }

Svojest avatar Oct 10 '24 04:10 Svojest

I believe hiding the balloon entirely is against the terms of service

bkosborne avatar Oct 10 '24 19:10 bkosborne

I cannot reproduce that on classic, as @pszczesniak said.

Mati365 avatar Oct 18 '24 08:10 Mati365

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

Image

TheGreen-Man avatar Mar 20 '25 10:03 TheGreen-Man