Post

If you're not using popovers yet...why not!? - Accessible by default - No JavaScript - Baseline 2025 Master popovers in 9 minutes 👇 youtu.be/sl_cGD327BY

At it's most basic: - Open button: popovertarget pointing to ID - Popover: attribute of popover (with an ID) - Close buttons: same as open, but with popovertargetaction="close"

The browser adds default styling, but you can use modern CSS to make it your own: - transition-behavior: allow-discrete - @⁠starting-style - position-area - :popover-open pseudo attribute

Here's my finished code: github.com/coding-in-p...