simevidas, to random
@simevidas@mastodon.social avatar

Browsers still haven’t fixed the CSS overscroll-behavior property

https://github.com/whatwg/html/issues/7732#issuecomment-2154195226

kizu, to Typography
@kizu@front-end.social avatar

We really need to gather various related properties that are scattered across different browsers without full support (or with just partial support) and make it into an 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.

simevidas, to random
@simevidas@mastodon.social avatar

CSS text-underline-offset and text-decoration-thickness

https://mastodon.social/@simevidas/112355403850192968

simevidas, to random
@simevidas@mastodon.social avatar
simevidas, to random
@simevidas@mastodon.social avatar

I need help with CSS debugging:

Why is the image too wide, causing a horizontal scrollbar? This looks like a 100vw issue, but I don’t see that value anywhere.

https://www.jamiesitalian.rs/en/ji-serbia/

video/mp4

simevidas, (edited )
@simevidas@mastodon.social avatar

@db

> Safari. The DPR is fixed

So if the website provides ultra-high-density image sources, and the user zooms the page, Safari won’t use those sources, even after page reload. In other words, at high page zoom levels, images on some websites will be noticeably blurrier in Safari than in Chrome and Firefox. That sounds like a bug to me.

simevidas, to random
@simevidas@mastodon.social avatar
bkardell, to random
@bkardell@toot.cafe avatar

Developer Advocates always ask what you want that you don't have, but I have a different question:

Tell me something that we've given you in the past few years that you use all the time and really love?

simevidas,
@simevidas@mastodon.social avatar

@bkardell I’ve been posting my biggest wishes under the hashtag

kizu, to random
@kizu@front-end.social avatar
simevidas,
@simevidas@mastodon.social avatar

@kizu There is a proposal at https://github.com/web-platform-tests/interop/issues/520. If it’s not chosen for 2024, and for all other multicol issues, we have to remember to submit if for .

simevidas, to random
@simevidas@mastodon.social avatar
kizu, to CSS
@kizu@front-end.social avatar

Looked at the various text-decoration and related issues in , and I think that is for sure one of the places that needs some interop improvements: https://wpt.fyi/results/css/css-text-decor?label=master&label=experimental&aligned&q=css-text-decor%2F

I'll need to remember about this for the haha.

simevidas,
@simevidas@mastodon.social avatar

@kizu They gave us text-decoration-thickness and text-underline-offset to precisely style the underline, but then they didn’t ensure that it renders the same across browsers. Makes me wonder what’s the point. 😁

edit: forgot that I have a hashtag for this

edit 2: oh wait, you already added it, I didn’t notice (I need to go to bed)

simevidas, (edited ) to random
@simevidas@mastodon.social avatar

Dang it, nobody proposed drop caps for Interop 2024. Firefox still doesn’t support initial-letter, and there are probably other smaller issues.

edit: I don’t like how Mastodon puts the hashtag below the image, making it easy to miss.

simevidas, (edited ) to random
@simevidas@mastodon.social avatar

If I forget, remind me to propose form validation error messages for Interop 2025.

Although a revamp might be needed.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • ngwrru68w68
  • everett
  • InstantRegret
  • magazineikmin
  • thenastyranch
  • rosin
  • GTA5RPClips
  • Durango
  • Youngstown
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • provamag3
  • tacticalgear
  • osvaldo12
  • tester
  • cubers
  • cisconetworking
  • mdbf
  • ethstaker
  • modclub
  • Leos
  • anitta
  • normalnudes
  • megavids
  • lostlight
  • All magazines