Balloon Editor toolbar sticks out of the limiter element while scrolling

[michalbilik]

📝 Provide detailed reproduction steps (if any)

Also reproducible on the release branch, and in the ckeditor5-ui/tests/manual/blocktoolbar/scrollable-blocktoolbar.html manual test.

1. Open https://ckeditor.com/docs/ckeditor5/latest/examples/builds/balloon-block-editor.html
2. Add style="max-height: 300px; max-width: 400px; overflow: auto;" style to the parent container of ck-editor__editable.

<div class="live-snippet" style="max-height: 300px; max-width: 400px; overflow: auto;">
</div>

3. Select some content, and press the Balloon Block button (⠿).
4. Scroll up or down.

✔️ Expected result

The toolbar hides when scrolling.

❌ Actual result

The toolbar moves with the scroll and does not hide.

Screen.Recording.2024-08-29.at.12.01.51.mov

❓ Possible solution

Related to: #5460

📃 Other details

• Browser: all
• OS: macOS
• First affected CKEditor version: 43.0.0

---

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

[Mati365]

Follow-up of #16685

[niegowski]

The case of a contextual balloon is not a regression. Only the block balloon toolbar is a regression.

[Mati365]

@michalbilik can you split this ticket into two separate issues? First one about Case 1, and the second one about Case 2?

[michalbilik]

The contextual balloon issue was moved to: #17009.

[Mati365]

Thanks!