Skip to content

Conversation

Jade-GG
Copy link
Collaborator

@Jade-GG Jade-GG commented Oct 6, 2025

Previously, these labels would clip outside of the container of the filters. Because they're wrapped in a details element, this means they will clip as if it were an overflow-hidden element. I've fixed this by making the labels move around so that they'll be hanging left of the thumb when on the right side, and hanging right of the thumb on the left side. See screenshots:
image
image

I also added a labels prop so that we can actually display the labels together with the inputs. As it turns out, we never noticed this bug because we always use the inputs and never show the labels.

@Jade-GG Jade-GG changed the title Make labels not clip outside of the frame & allow them to show together with inputs [4.x] Make labels not clip outside of the frame & allow them to show together with inputs Oct 6, 2025
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This doesn't look good. It should be the inputs or the labels not both.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why not? @jordythevulder opinion? We can also just disable the extra labels by default.

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