Skip to content

Conversation

kamal0620040
Copy link
Contributor

@kamal0620040 kamal0620040 commented Sep 30, 2025

What?

  • Fixes an issue where the table header row was overlapping menu items in the ListControls component.

Why?

  • The overlapping occurred because the table lacked proper stacking context, causing z-index rules to affecting the visibility and usability of menu items in the ListControls component rendered above the table.

How?

  • Added the CSS property isolation: isolate to the table styles. This creates a new stacking context, ensuring that the table header does not interfere with overlapping UI elements

UI Changes:

Before:
image

After:
image

Fixes #13941

@PatrikKozak PatrikKozak changed the title fix(ui): prevent header overlap by adding isolation to table styles fix(ui): popup list controls overlap with table in list view Oct 3, 2025
@PatrikKozak PatrikKozak merged commit 1e23882 into payloadcms:main Oct 3, 2025
184 of 187 checks passed
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.

UI BUG With topbar of collections list
2 participants