W3C home > Mailing lists > Public > whatwg@whatwg.org > December 2016

[whatwg] sticky css hover state on touch devices

From: Zac Spitzer <zac.spitzer@gmail.com>
Date: Tue, 6 Dec 2016 16:24:59 +1100
Message-ID: <CAArGWaS2BPYNbNftd=8uvHHTVn7rmsPhV-nCFoyB1A=xCi2wYA@mail.gmail.com>
To: whatwg@whatwg.org
on touch devices, there is a problem with sticky hover states

https://bugs.webkit.org/show_bug.cgi?id=158517
https://bugs.chromium.org/p/chromium/issues/detail?id=370155

one workaround it to clone, remove and re-insert the element
http://stackoverflow.com/a/31691425

my question is, should an element retain it's hover state when hidden?

if it didn't, an easy workaround for this problem is to set display:none;
and then display:block;...

aka jquery $(el).hide().show()

-- 
Zac Spitzer
+61 405 847 168
Received on Tuesday, 6 December 2016 05:26:01 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 December 2016 05:26:02 UTC