Gin's horizontal dropdown menu appears behind CKEditor 5's sticky header

Created on 6 September 2023, 10 months ago
Updated 8 September 2023, 10 months ago

Problem/Motivation

Gin's dropdown menu should appear in front of CKEditor's sticky header.

Steps to reproduce

- Ensure that Gin is set to use horizontal layout.
- Add a test piece of body content with enough text to allow it to be scrollable
- Scroll down a bit in the body field
- Click into the field to trigger CKEditor's sticky header
- Hover over one of the Admin Menu items with a longer dropdown.
- Note that the dropdown falls behind the CKEditor's sticky header

Proposed resolution

Ensure that the Gin dropdowns have sufficient z-index or position to place them in front of the sticky header.

I noticed that this issue was mentioned on another ticket about CKEditor's sticky header πŸ› CKEditor 5 sticky panel overlaps the Gin secondary toolbar in horizontal mode Closed: duplicate (for which I could not replicate the original issue). I could, however, replicate this one.

πŸ› Bug report
Status

Fixed

Version

3.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States mndonx

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024