Ok yeah that’s what i run into so I manually update the bsky uri with another commit once I have a bsky post to link to. But it’s chicken/egg and not ideal 😂

So wait if it’s discovering at build time, how does that work? You’d have a post ready before/at time of build?

Oh nice how are you doing the auto discovery? I’ve got mine set up manually with a bsky url

It’s linked in the next post

First step is to convince them to not make the close buttons so tiny and impossible to hit without clicking on the ad

Also added an `esc` handler

Check it out now (may not be perfect I'm not an a11y expert but I think this should be about right RE: the tab navigation and inerting) codepen.io/una/pen/azZJ...

You can also inert the menu and un-inert it when its active. That's probably a better solution

That's a good q! I think you'd have to add a little more JS to consider the tabbing bc the user would immediately tab into the navigation (it being the first DOM content available). You'd also need to add ARIA-hidden/live to the nav when its open/closed. I'll work on adding those things to the demo!

Do it!

Here's a basic demo to get the premise: codepen.io/una/pen/azZJ...

And here's one with slightly more styles: codepen.io/una/pen/YPWZ...

Hmm good question, You can use the scrollable scroll state query there:

@container scroll-state(scrollable: bottom)

Sure, I think in one of my demos I show the check for before you scroll

@container scroll-state(scrolled: none)

Indicates no scroll has occurred yet

You could nest these (the stuck inside of the scrolled)

Definitely add @nerdy.dev @bram.us @kizu.dev @utilitybend.com @joshwcomeau.com @ishadeed.com @css-only.dev @lea.verou.me (there’s so many this is just immediately what’s off the top of my head/feeds I follow)

Yes! I can give you some recs. Lots of great web devs I follow. I also started doing email notifications for RSS so I don’t miss things for a select few :)

Ooh add me to your list!

Is it the colors one?! Great read!