Gin's horizontal dropdown menu appears behind CKEditor 5's sticky header
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3385497. -->
Reported by: [mndonx](https://www.drupal.org/user/70470)
Related to !299
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>Gin's dropdown menu should appear in front of CKEditor's sticky header. </p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<p>- Ensure that Gin is set to use horizontal layout.<br>
- Add a test piece of body content with enough text to allow it to be scrollable<br>
- Scroll down a bit in the body field<br>
- Click into the field to trigger CKEditor's sticky header<br>
- Hover over one of the Admin Menu items with a longer dropdown.<br>
- Note that the dropdown falls behind the CKEditor's sticky header</p>
<p><img src="https://www.drupal.org/files/issues/2023-09-05/Screenshot%202023-09-05%20at%2011.49.37%20PM.png" alt="screenshot of overlapping sticky header"></p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>Ensure that the Gin dropdowns have sufficient z-index or position to place them in front of the sticky header.</p>
<p>I noticed that this issue was mentioned on <a href="https://www.drupal.org/project/gin/issues/3357633">another ticket about CKEditor's sticky header</a> (for which I could not replicate the original issue). I could, however, replicate this one. </p>
> Related issue: [Issue #3357633](https://www.drupal.org/node/3357633)
issue