Skip to content

Conversation

@sksinha2410
Copy link

@sksinha2410 sksinha2410 commented Dec 17, 2025

Border-radius utility classes were causing unintended clipping by unconditionally applying overflow: hidden.

Fix #208

Change

Modified .border-br-{n} class generation in renderers/lit/src/0.8/styles/border.ts:

- .border-br-${idx} { border-radius: ${idx * grid}px; overflow: hidden; }
+ .border-br-${idx} { border-radius: ${idx * grid}px; }

Utility classes should provide single-purpose styling. Components requiring overflow control already apply it explicitly in their component styles (card.ts, image.ts, etc.).

@sksinha2410
Copy link
Author

@jacobsimionato

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.

Text being clipped with rounded corners in the Lit renderer

1 participant