css - Does the Twitter widget inject some weird code in that affects everything in the DOM? Notably :hover in iOS -
i have come across weird css quirk goes far beyond understanding , appreciate help:
i trying build fancy pure css dropdown solution using clickable event method ryan collins proposed: http://www.ryancollins.me/?p=1041
with :active , :hover , nested divs may make trigger spans (or divs or whatever) cause sister element in same container appear upon mouse click. example on ryans page worked on ipad assumed ios smart enough handle touch event triggering :active state - , if trigger contains hyperlink works, there no way deactivate active state of hyperlink, safe clicking on hyperlink.
this sucks, because plan have elegant navigation (and other stuff) pop , hide view css foiled, menu never collapses - why example on ryan's page work? did testing , narrowed key element down twitter widget has embedded on page. javascript styles embedded tweet , in doing so, affects :active , : hover solution of sudden works via touch on ios, without hyperlinks.
can tell me causes behavior , if emulate without relying on crazy hack embedding twitter widget , hiding view?
found answer myself more digging through code , little google help:
the twitter widget among proprietary stuff declares touchstart event, anywhere on page enough make mobile safari utilize css :active pseudo style.
http://miniapps.co.uk/blog/post/enable-css-active-pseudo-styles-in-mobile-safari/
Comments
Post a Comment