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

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 📦🚀

@KerollesFathy
KerollesFathy deleted the fix/dropdown-zindex-behind-sticky-header branch June 13, 2026 20:07
bvisible added a commit to bvisible/datatable that referenced this pull request Sep 29, 2026
Brings in upstream's fixes since our last merge:
- the body cells follow a column while it is being resized (frappe#240);
- the sticky columns' offsets are recomputed after a column resize (frappe#241);
- a column can be sorted on a value it returns (frappe#239);
- the tree keeps its expanded rows when a column is frozen (frappe#238);
- the toast and the column menu sit above the sticky columns (frappe#237, frappe#236).

One conflict, src/style.css: the column menu's z-index. Ours (100) is kept,
marked //// Neoffice: upstream's 10 clears the sticky columns but not the
layers our desk puts over a list. dist/ rebuilt (rollup), as frappe consumes
the built files of this fork.
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