Il hover funziona perfettamente sulle macchine senza touchscreen. Ottenete l’effetto hover con un mouse o il puntatore del touchpad, ad esempio, ecco me mentre passo il mouse sopra il pulsante Condividi:
Ma per i laptop che hanno sia touchscreen che mouse/touchpad… non sono sicuro che esista un modo per rilevare quando il mouse è scollegato rispetto a quando è collegato.
Non so se ci sia un modo per risolvere questo problema tramite il rilevamento delle media query CSS4:
Ma sarebbe bello poter risolvere la situazione per i dispositivi che vengono rilevati come aventi sia touchscreen che mouse, consentendo loro l’hover. Gli utenti hanno finito per disabilitare il touchscreen del loro laptop per far funzionare la cosa, probabilmente perché non usano comunque la parte touchscreen.
Ho testato questo: https://jsfiddle.net/davidThomas/q29r4pjs/3/ e ho ottenuto
- desktop
mouse - iphone
touch - surface pro mouse ← sbagliato!
Ho anche testato https://jsfiddle.net/Blackbam/zkd2cs0t/16/ con gli stessi risultati: il dispositivo con touchscreen e mouse appare identico al desktop.