Post

@nerdy.dev @una.im @bram.us I need help with something. I'm trying to use `@media (hover)` in production code for a few years but I always have problems with Samsung and some Xiaomi phones. They always report as having hover. (1/?)

Felds

@felds.dev

(2/?) There's this ticket on Chromium stating a possible cause and with some suggestions on how to fix it on the browser, since Samsung doesn't seem interested in fixing it. issues.chromium.org/issues/40855...

issues.chromium.orgChromium

14/3/25, 2:48 pm0 reposts0 likes

Felds

@felds.dev

14 Mar 2025

(3/?) This is a know bug that affects a huge amount of phones since 2019. For comparison, Samsung + Xiaomi have more market share than Apple globally. Yet, @media(hover) is still being used on every demo under the sun and evangelized as the right solution. Honestly, I'd love if that was the case.

Felds

@felds.dev

14 Mar 2025

(4/4) Problem is: It looks like the tickets are stuck in a limbo and with no solution in sight. How could I get more involved with this issue and help getting this fixed? I'm passionate about progressive enhancement, and I'd really love to be able to use this in production.

Adam Argyle

@nerdy.dev

14 Mar 2025

the suggestion in the issue was to manage device lists that specifically override the capability reported by the device… sounds like it'd work but be a pain to generate. maybe help them by creating the list, or finding these devices that are outliers and add them? rock and hard place for sure here.

Adam Argyle

@nerdy.dev

14 Mar 2025

ewww, devices reporting as having a "touchpad" instead of "touchscreen" wonder if you could work around it by combining media queries, testing things like developer.mozilla.org/en-US/docs/W...

developer.mozilla.orgpointer - CSS: Cascading Style Sheets | MDNThe pointer CSS media feature tests whether the user has a pointing device (such as a mouse), and if so, how accurate the primary pointing device is.

Felds

@felds.dev

14 Mar 2025

What I always end up doing is something like `@media (hover) and (width >= 1200px)`, since it covers iPads and Android tablets (this bug only happens on samsung phones). Funnily enough, Samsung tablets don't report hover even when used with an pen, which has hover and can generate mouseover events.