Happy #Interop2025 day to all who celebrate!
Happy #Interop2025 day to all who celebrate!
I just found the weirdest bug in Safari @webkit
When swapping the class name of two DOM nodes, it tells JavaScript that attribute changed, but the "real" DOM and painted screen don't change, permanently out of sync.
https://treasure21.timotijhof.net/play.html
* Press up twice.
* Press down once.
In Firefox/Chrome, the orange box moves. In Safari, a ghost clone is created!
Isolated test:
https://codepen.io/Krinkle/pen/WbeMPvw?editors=0010
Folowing on from @sil talk at #SotB2024 check out these github issues an vote for them if you feel inclined #OWA #interop2025
https://open-web-advocacy.org/blog/interop-2025-must-drop-secret-vetos/
**Submit your proposals for Interop 2025**
https://web.dev/blog/interop2025-proposals?hl=en
My favs so far:
• Navigation API: https://github.com/web-platform-tests/interop/issues/709
• Web Share API: https://github.com/web-platform-tests/interop/issues/711
• Vibration API: https://github.com/web-platform-tests/interop/issues/718
• Fullscreen API: https://github.com/web-platform-tests/interop/issues/732
• Notifications API: https://github.com/web-platform-tests/interop/issues/737 *
* shameless self-promotion :)
If no one else would submit `::first-letter` and `initial-letter` to #Interop2025, I will.
We really need to gather various #typography related #CSS properties that are scattered across different browsers without full support (or with just partial support) and make it into an #interop2025 focus area.
Like `ascent-override` (please, Safari!)
Or `font-size-adjust` (come on, Chrome!)
Or… `initial-letter` (hey, Firefox!), though, there are also so many `::first-letter` issues!
Or `text-box-trim` & `text-box-edge` (ok, these are only there in Safari TP)
And so on, and so forth.
@brucelawson This fixes it for me in Firefox:
#logo a {
display: block;
width: fit-content;
}
#logo img {
display: block;
}