Just realised that I can use :has() to lock page scrolling under modals and menus without toggling classes with JS. Handy!

@Robb hot damn, that's neat!

I just used :has in production code base for the first time earlier this week. I'm hoping that Firefox finishes its support soon so I can start using it on more critical features

@tylerlwsmith Yeah, same. I'm only really using it for niceties and aesthetic touches at the moment.

Feels like this technique is a nice one to have in the back pocket once we get full support. It's wild to think of what it will open up once it drops in FF.

@Robb right now it fits neatly into the progressive enhancement space

I'm currently using it to add some padding to the top of the body if the fixed-position header has a notification banner attached to the bottom of it. It gives more breathing room between the header and the page content, but it isn't critical for usability

@tylerlwsmith @Robb Yeah, :has replaces so many JS-hacks, it's a real game changer. For FF, overscroll-behaviour:contain on the modal helps a lot to improve the double scrollbar problem in the meantime.