Stephen Margheim
banner
fractaledmind.bsky.social
Stephen Margheim
@fractaledmind.bsky.social
Prevent scrolling when a modal is open with pure CSS using the `:modal` CSS pseudo-class. Mix with `body:has` and you're good to go!

Learn more at MDN: developer.mozilla.org/en-US/docs/...

#StylishHTML
December 4, 2025 at 5:03 PM
Want to avoid layout shift when you remove scrolling on popover or dialog opening?

Simple, use the new `scrollbar-gutter: stable` CSS rule on your scroll container (likely ).

Learn more at MDN: developer.mozilla.org/en-US/docs/...

#StylishHTML
December 3, 2025 at 5:03 PM
Reposted by Stephen Margheim
I love @rauno.bsky.social's style and taste, so I remixed a recent combobox design of his as a simple using the new customizable select styling features coming to Baseline:

play.tailwindcss.com/9JsjWJyk9a
PS. Creating the effect of the picker wrapping and surrounding the select took some creative problem-solving, but I’m quite happy with the result. Key limitation is that you can’t animate the picker beautifully with this approach.
I love @rauno.bsky.social's style and taste, so I remixed a recent combobox design of his as a simple using the new customizable select styling features coming to Baseline:

play.tailwindcss.com/9JsjWJyk9a
November 30, 2025 at 12:11 PM