x-posted from iPadWebDev
I posted this in iPadWebDev last week, and since there have been no
replies, if you don't mind, I will ask it again here. My app is
something like a book, so it needs the real-estate the iPad offers.
What, if anything, happens to Safari's mouse-to- touch event mapping/
emulation when an element has -webkit-user-select:none CSS applied to
it?
I looked at the iPad at the Apple store recently before discovering -
webkit-user-select:none, so I don't know the full effects of this
CSS. Without that CSS applied to the AREA, this is the behavior I
noticed on the iPad at the Apple store:
(N.B. The web page had both an onMouseOver and a click eventhandler on
the AREAs of the image-map)
1. When user taps on an area (i.e. finger-down and then rapidly up,
just like a mouse-click) the onMouseOver event is fired but the Click
event is suppressed. This causes the hover tooltip to be displayed and
remain visible until another area of the image is tapped.
2. When the user touches down on an area and keeps the finger there,
the area is selected.
I understand this is the touch world, not the mouse world, but such
rendering of a "legacy" web page by Safari is rather clunky and
arbitrary IMO -- that's not how tooltips are supposed to work, and
also the click event is gone. I'd like to make {finger-down-and-
motionless-for-threshold-duration} the equivalent of 'hover' in my
app. I'd like to have both a tooltip for when the element is touched
that would say what it is, or say what will happen if you tap on it;
and a dialog that is opened by a tap on the element that would give
the user much more detailed information about it.
iPad Safari's "standard" emulation of mouse events breaks many an
existing web page. Does disabling user-select in CSS change the way
Safari simulates mouse events on elements with both onMouseOver and
Click handlers? Does the click event also fire under those
circumstances?
Thanks
--
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en.
