CKEditor 5 sticky panel overlaps the Gin secondary toolbar in horizontal mode

Hi,

I attempted to recreate the problem, but it appears to be rare and only occurs once in every fifty attempts. Specifically, when the ck-sticky-panel__content_sticky class has a top property value of 79px, it's showing the issue, whereas when the top property value is set to 150px, it functions properly.

The issue stems from an improper setting of the top property. - maybe it's belong to CK editor issue

I came across this while searching for an existing issue -- I'm experiencing the same thing with the regular core admin menu + admin_toolbar + admin_toolbar_tools (Drupal core 9.5.10, CKEditor 5, Admin Toolbar 3.4.1) -- so maybe it does belong in the CKEditor 5 issue queue?

Screenshots attached.

• No problematic overlap at first: https://www.drupal.org/files/issues/2023-08-22/admin-menu-cke5-sticky-to... →
• Then, when the CKEditor 5 toolbar becomes "sticky" (i.e. when I scroll down in the editor), the problematic overlap happens: https://www.drupal.org/files/issues/2023-08-22/admin-menu-cke5-sticky-to... →

(1) Oops, screenshot mistake -- uploaded the correct "problem shot" this time -- will edit my previous message to link to the correct "problem shot" (and removed the mistake screenshot from being displayed).

(2) RIGHT after I commented, I found these 🤦‍♀️
https://www.drupal.org/project/drupal/issues/3259380 →
https://www.drupal.org/project/drupal/issues/3348132 🐛 Dynamically instantiated CKEditor 5 instance's toolbar occludes Drupal's toolbar if it has focus and the form is part of paragraph Active

But I still have the problem -- maybe it's because I'm on Drupal core 9.5.10, but I thought the fix in #3259380 was for 9.x.

I'll ask on Slack and report back.

To replicate this issue you need to focus or click on CKEditor element.

I created small video to replicate this issue.

Regards!

Maybe this issue is close to 🐛 Dynamically instantiated CKEditor 5 instance's toolbar occludes Drupal's toolbar if it has focus and the form is part of paragraph Active ? -- although in that case, the issue only happens when CKEditor 5 isn't present when the page initially loads, so maybe not??......

If issue not replicated so we should close this issue.

I just tested this again, and I can still reproduce this problem, but only with the horizontal toolbar and only when the element (WYSIWYG) has focus. It can be reproduced in both Drupal 9.5 and 10.1.

Closing in favor of 🐛 Gin's horizontal dropdown menu appears behind CKEditor 5's sticky header Fixed