I am doing a simple :hover
slide-in cover as shown in picture, it's supposed to slide in a favorite article control, which user can then click to favorite this item.
While it work well on desktop with mouse hover and click, I am not sure if it can be used as an effective control on mobile or other device (ie. click to toggle, then click again to favorite item) .
If I understand correctly, at least on iOS (Safari) and Android (Chrome), the default browser behaviour is to emulate touch as both hover
and click
. But is it a standard? eg.
- Will Windows Phone or maybe a Wii U does the same?
- Will
click
be fired about 300ms afterhover
, so there can be ghost click issue?
I can certainly bind a click/touch event on this element, just wondering if css :hover
is sufficient nowadays.
To clarify: I am not asking about :hover
support, which only make senses in a pointer driven environment. I am asking if devices can and should handle hover-able element as users click/tap (as iOS/Android do)