Post

Felds
@felds.dev

@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/?)

0 reposts1 like

Felds
@felds.dev

(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

(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

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.

Felds
@felds.dev

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.