Andrew Bone
banner
link2twenty.bsky.social
Andrew Bone
@link2twenty.bsky.social
🌐 Web Developer
🍔 Burger muncher
🎮 Mass Effect fan
How do you solve the top layer ordering and incorrect inert issues?

I have some thoughts and a JS solution but I'm always looking for other ideas 😅

Here's a post I wrote about it all a little while back.

dev.to/link2twenty/...
Dialogs, Popovers & the Top Layer Mess
Dialogs (or modals) and popovers are essential UI components that interrupt the user's workflow to...
dev.to
October 24, 2025 at 9:41 PM
Would be interested in seeing some sort of anonymised data when you've got your results in.
October 10, 2025 at 12:08 PM
Does Firefox have any PWA install capabilities? I think you need an extension to get standalone installs, though could be wrong.

I guess my question is more around PWA standalone installs in general, it feels like only Chrome takes them seriously, though I know this is self interest on their part.
September 23, 2025 at 3:17 PM
Do you think WebXR is mature enough for this yet? MDN still marks it as experimental so I'd guess not? 🥲
September 5, 2025 at 9:28 AM
This tool gives you a nice table of passes based on size and weight.

www.achecks.org/apca-accessi...
APCA Accessible Colour Contrast Checker | ACHECKS Accessibility Checker
The Accessible Perceptual Contrast Algorithm (APCA) calculates contrast based on the luminance of the colours.
www.achecks.org
August 13, 2025 at 11:43 AM
I was expecting @css-only.dev to be getting in on this too.

I had a quick play but I couldn't get the diffraction working
codepen.io/Link2Twenty/...
June 12, 2025 at 10:12 AM
I might have a play with base-ui over the weekend and see how it compares. From a quick glance it looks like it's very similar to Radix but may supersede it if it keeps up momentum. Definitely one to watch.
May 15, 2025 at 9:00 PM
We're pretty heavily into radix, do you think it's still worth looking into? I see they seem to have quite similar DX.
May 15, 2025 at 8:27 PM
I wrote a post a while ago about how frustrating the whole top layer situation is.

At the bottom of the post I share a snippet of some stuff you can do do make it play nice together but it's still not perfect.

dev.to/link2twenty/...
Dialogs, Popovers & the Top Layer Mess
Dialogs (or modals) and popovers are essential UI components that interrupt the user's workflow to...
dev.to
May 14, 2025 at 4:32 PM
May 12, 2025 at 6:35 PM
👀
May 7, 2025 at 12:15 PM
Love to see view transitions out in the wild 😄
April 29, 2025 at 11:28 AM
Might be nice to have a bouncy transition when you press the generate button (I'm thinking like www.blobmaker.app)

Also bet you can't wait for the random function 😅
Blobmaker - Make organic SVG shapes for your next design
Make organic SVG shapes for your next design. Modify the complexity, contrast, and color, to generate unique SVG blobs every time.
www.blobmaker.app
April 28, 2025 at 8:36 PM
I uninstalled it the other day but Instagram keeps trying to coax me back.
April 23, 2025 at 11:52 AM
I do love the dialog component but I think there are still some kinks to be ironed out when it comes to top-layer and inert.

I wrote some thoughts a little while ago if you're interested 😊

dev.to/link2twenty/...
Dialogs, Popovers & the Top Layer Mess
Dialogs (or modals) and popovers are essential UI components that interrupt the user's workflow to...
dev.to
April 22, 2025 at 5:21 PM
B. 1
April 11, 2025 at 9:41 PM
Woah is more British and whoa is more American but both are acceptable in both dialects
April 7, 2025 at 8:53 AM
Are you going to play both?
April 6, 2025 at 10:01 PM
Thought I'd have a play with this concept and make some step markers.

codepen.io/Link2Twenty/...

It doesn't line up quite right but I think the concept works
using attr for step markers
...
codepen.io
March 26, 2025 at 1:16 PM