design engineer and tinkerer. always listening to prog.
posting about HTML, CSS and other web stuff.
trying to build a less broken, more accessible web.
(posts will auto-delete after N days)
| pronouns | they/them |
| blog | https://www.mayank.co/blog |
"it's a long weekend, maybe i can actually play a game for once"
microsoft edge*: "let me help you with that! 🤓"
*a browser i've never myself launched on this PC.
what the fuck is happening
youtube uses a lottie animation for its "subscribe" button. what could possibly go wrong?
it's an isolated thing. it's not like it could break the core experience, right??
think again because that's exactly what happened just now. this lottie component covers the viewport and blocks all clicks
…which means i can't read the video description (among other things)
you wouldn't want your site to be hacked by an SVG
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use
The <use> element takes nodes from within the SVG document, and duplicates them somewhere else. The effect is the same as if the nodes were deeply cloned into a non-exposed DOM, then pasted where the use element is, much like cloned template elements.
in my quest for anchored focus rings, i had somewhat of an epiphany today. i can add an `::after` pseudo-element on a top-layer element. works ok if you can ensure the pseudo is unused.
i was also trying to use proximity scoping (with lower boundary) to avoid creating multiple pseudos, but couldn't figure that one out.
you wouldn't want your site to be hacked by an SVG
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/use
every once in a while i run into a silly limitation like this, and it makes it hard for me to take the platform seriously
related: you can't preload an SVG sprite sheet https://issues.chromium.org/issues/40681653
Brian David