Flipping does not work on embedded Safari iOS

[jrencz]

While viewing the demo on the Safari embedded in the Twitter iOS app I came into a bug:

There seems to be some difference in the way hover is handled by the browser embedded in Twitter app (presumably other embedded as well) than it is on Safari standalone.

On Safari touching and holding the element results in flipping the card but on the embedded browser it doesn't. I'm not sure if the issue is in the browser itself (maybe the way it hadles templates?) or the way CSS is written.

[jrencz]

I can confirm the same behaviour can be observed on the Facebook app

[rupl]

Thanks for the report! This is probably due to event bubbling, rather lack thereof. My original demo uses jQuery hover events (even when plain :hover would work just fine) due to the added bonus of getting touch functionality. Perhaps something like that would work, but sans jQuery for such a small component.

This post about network internals is not specifically related to this issue, but demonstrates that there are measurable differences in behavior between the Safari app and UIWebView, or embedded Safari.