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

[bkosborne]

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

[Witoso]

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

[pszczesniak]

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

[Witoso]

AFAICS, it's Classic from Drupal environment.

[pszczesniak]

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.

[Svojest]

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

[bkosborne]

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

[Mati365]

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