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