Skip to content

[6.x] Fix horizontal content card overflow#14032

Merged
jasonvarga merged 1 commit intostatamic:6.xfrom
daun:fix/listing-filter-overflow
Feb 23, 2026
Merged

[6.x] Fix horizontal content card overflow#14032
jasonvarga merged 1 commit intostatamic:6.xfrom
daun:fix/listing-filter-overflow

Conversation

@daun
Copy link
Copy Markdown
Contributor

@daun daun commented Feb 22, 2026

#13415 switched the main content card to display: grid. This fixes the vertical overflow, but causes horizontal overflow in some cases where its children are wider than itself. Looks like grid children by default cannot shrink past their inherent content width. Somewhat counterintuitively, setting min-width: 0 seems to fix those cases.

Before

Caused by overflowing filter badge component.

Screenshot 2026-02-22 at 18 01 18

After

Screenshot 2026-02-22 at 18 02 42

Signed-off-by: Philipp Daun <post@philippdaun.net>
@jasonvarga jasonvarga merged commit ab21f36 into statamic:6.x Feb 23, 2026
12 checks passed
@daun daun deleted the fix/listing-filter-overflow branch February 23, 2026 20:16
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.

2 participants