Skip to content

fix(style): raise dropdown z-index above sticky header cells#236

Open
KerollesFathy wants to merge 1 commit into
frappe:masterfrom
KerollesFathy:fix/dropdown-zindex-behind-sticky-header
Open

fix(style): raise dropdown z-index above sticky header cells#236
KerollesFathy wants to merge 1 commit into
frappe:masterfrom
KerollesFathy:fix/dropdown-zindex-behind-sticky-header

Conversation

@KerollesFathy

@KerollesFathy KerollesFathy commented Jun 10, 2026

Copy link
Copy Markdown

Resolve: #235


.dt-dropdown__list had z-index: 1 which placed it behind .dt-cell--sticky-top (z-index: 4), causing the column action menu to render underneath sticky header cells like the checkbox.


Before Fix

before-fix-dropdown-z-index-datatable.mp4

After Fix

after-fix-dropdown-z-index-datatable.mp4

Why this change:
`.dt-dropdown__list` had z-index: 1 which placed it behind
`.dt-cell--sticky-top` (z-index: 4), causing the column action
 menu to render underneath sticky header cells like the checkbox.
@KerollesFathy KerollesFathy marked this pull request as ready for review June 10, 2026 18:14
@KerollesFathy

Copy link
Copy Markdown
Author

Hi @iamejaaz, could you please review this PR when you're available? Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Column Action Dropdown Renders Behind Sticky Header Cells (z-index conflict)

1 participant