argyleink / open-props

CSS custom properties to help accelerate adaptive and consistent design.
https://open-props.style
MIT License
4.7k stars 191 forks source link

---radius-conditional issue in Chrome on elements that start at full-width. #449

Closed wcDogg closed 9 months ago

wcDogg commented 9 months ago

I believe this is just an FYI - no fix in Open Props that I can see.

Here is a Codepen showing the issue: https://codepen.io/wcDogg/pen/poGXbej

On elements that start at full-width, the conditional radius works when there are only 1 or 2 elements using the radius on the page.

Once a 3rd element using the radius is added, containers that start at full-width will have a radius that shouldn't be there.

The condition to remove the radius does trigger, but only after manually resizing the viewport to something very narrow.

wcDogg commented 9 months ago

Asked on Stack Overflow - https://stackoverflow.com/q/77663869/18304675

argyleink commented 9 months ago

strange!