Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong
You closed a dialog and the console went that particular shade of angry mustard. You highlighted the…
Using and Styling the Dialog Element
Wasn’t it great — nay, amazing – the day we got a native HTML <dialog> element? It’s,…
pointer-events
The pointer-events property controls whether an element can become the target of pointer events like clicks, hover…
The Shifting Line Between CSS States and JavaScript Events
CSS is listening to us. No, not like that. Rather, CSS is accumulating more and more pseudo-classes…
translate()
The CSS translate() function shifts an element from its default position on a two-dimensional plane. This way, we can…
The Value of z-index
The z-index property is one of the most important tools any UI developer has at their disposal,…
Popover API or Dialog API: Which to Choose?
Choosing between Popover API and Dialog API is difficult because they seem to do the same job,…
What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More
Neither Chrome, Safari, nor Firefox have shipped new features in the last couple of weeks, but fear…
There is No Need to Trap Focus on a Dialog Element
I was building a Modal component that uses the <dialog> element’s showModal method. While testing the component,…