mastodon.ie

0 posts0 participants0 posts today

James NashPleased to be sneaking some <a href="https://mstdn.social/tags/ProgressiveEnhancement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProgressiveEnhancement</a> into the <a href="https://mstdn.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DesignSystem</a> we're building at Investec.Currently making an Accordion component using <a href="https://mstdn.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <details> & < summary>, which requires zero client-side <a href="https://mstdn.social/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JS</a>. Until <a href="https://mstdn.social/tags/interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interop2025</a> brings ::details-content support to Firefox & Safari, the opening / closing won't be animated in those browsers. But, we're cool with that. It's still perfectly usable without animations.

Alvin Ashcraft 🐿️Microsoft Edge and Interop 2025.<a href="https://blogs.windows.com/msedgedev/2025/02/13/microsoft-edge-and-interop-2025/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blogs.windows.com/msedgedev/2025/02/13/microsoft-edge-and-interop-2025/</a><a href="https://hachyderm.io/tags/interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interop2025</a> <a href="https://hachyderm.io/tags/devcommunity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#devcommunity</a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://hachyderm.io/tags/browsers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#browsers</a> <a href="https://hachyderm.io/tags/msedge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#msedge</a>

Roma Komarov<a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> things I'm excited about re: <a href="https://front-end.social/tags/interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interop2025</a> — <a href="https://github.com/web-platform-tests/interop/blob/main/2025/README.md" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/web-platform-tests/interop/blob/main/2025/README.md</a>- Anchor Positioning! - `@scope`! - `text-decoration`! Although… It is a bit sad that this focus area contains only 16 tests with 169 subtests out of… 309 tests and 1201 subtests in the css-text-decor folder: <a href="https://wpt.fyi/results/css/css-text-decor" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://wpt.fyi/results/css/css-text-decor</a> — ok, maybe we could exclude text-emphasis for now, but there are much more text-decoration-… tests, and the interop of text-underline-… is not there yet as well.

That HTML Blog & The Spicy WebHappy <a href="https://intuitivefuture.com/tags/Interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interop2025</a> day to all who celebrate!<a href="https://intuitivefuture.com/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://intuitivefuture.com/tags/OpenStandards" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenStandards</a>

Timo TijhofI just found the weirdest bug in Safari <a href="https://front-end.social/@webkit" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@webkit</a> 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.<a href="https://treasure21.timotijhof.net/play.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://treasure21.timotijhof.net/play.html</a>* Press up twice. * Press down once.In Firefox/Chrome, the orange box moves. In Safari, a ghost clone is created!Isolated test: <a href="https://codepen.io/Krinkle/pen/WbeMPvw?editors=0010" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/Krinkle/pen/WbeMPvw?editors=0010</a>Bug report: <a href="https://bugs.webkit.org/show_bug.cgi?id=285705" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bugs.webkit.org/show_bug.cgi?id=285705</a><a href="https://fosstodon.org/tags/webcompat" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcompat</a> <a href="https://fosstodon.org/tags/webkit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webkit</a> <a href="https://fosstodon.org/tags/interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interop2025</a> <a href="https://fosstodon.org/tags/browserbug" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#browserbug</a>

London Web StandardsFolowing on from <a href="https://mastodon.social/@sil" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@sil</a> talk at <a href="https://mastodon.world/tags/SotB2024" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SotB2024</a> check out these github issues an vote for them if you feel inclined <a href="https://mastodon.world/tags/OWA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OWA</a> <a href="https://mastodon.world/tags/interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interop2025</a> <a href="https://open-web-advocacy.org/blog/interop-2025-must-drop-secret-vetos/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://open-web-advocacy.org/blog/interop-2025-must-drop-secret-vetos/</a>

niu tech<a href="https://w3c.social/@w3cdevs" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@w3cdevs</a> <a href="https://mas.to/@patrickbrosset" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@patrickbrosset</a> Vote for <a href="https://fosstodon.org/tags/JPEGXL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JPEGXL</a> in <a href="https://fosstodon.org/tags/Interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interop2025</a>! <a href="https://github.com/web-platform-tests/interop/issues/700" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/web-platform-tests/interop/issues/700</a>

Darin SenneffI submitted a proposal for Responsive Tables to the Interop 2025 project: <a href="https://github.com/web-platform-tests/interop/issues/741" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/web-platform-tests/interop/issues/741</a>Maybe that’s not the best place for it, and maybe it’s out of scope for Interop, but maybe it can start a conversation for what is imo a needed feature.<a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mas.to/tags/Interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interop2025</a>

Roma KomarovIf no one else would submit `::first-letter` and `initial-letter` to <a href="https://front-end.social/tags/Interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interop2025</a>, I will.

Roma KomarovWe really need to gather various <a href="https://front-end.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> related <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> properties that are scattered across different browsers without full support (or with just partial support) and make it into an <a href="https://front-end.social/tags/interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#interop2025</a> 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.

Roma KomarovLooked at the various text-decoration and related issues in <a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a>, and I think that is for sure one of the places that needs some interop improvements: <a href="https://wpt.fyi/results/css/css-text-decor?label=master&label=experimental&aligned&q=css-text-decor%2F" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://wpt.fyi/results/css/css-text-decor?label=master&label=experimental&aligned&q=css-text-decor%2F</a>I'll need to remember about this for the <a href="https://front-end.social/tags/Interop2025" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Interop2025</a> haha.

Recent searches

Search options

Administered by:

Server stats:

#interop2025