Skip to content

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

Merged
iamejaaz merged 1 commit into
frappe:masterfrom
KerollesFathy:fix/dropdown-zindex-behind-sticky-header
Jun 13, 2026
Merged

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

Conversation

@KerollesFathy

@KerollesFathy KerollesFathy commented Jun 10, 2026

Copy link
Copy Markdown
Contributor

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
Contributor Author

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

@iamejaaz iamejaaz merged commit cd5b3ba into frappe:master Jun 13, 2026
1 check passed
@github-actions

Copy link
Copy Markdown

🎉 This PR is included in version 1.20.5 🎉

The release is available on:

Your semantic-release bot 📦🚀

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

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

2 participants