Interactions: Support Pointer Events

[paul]

jQuery UI should support touchscreen platforms like iPhone and Opera for Wii. The attached patch adds full iPhone support to $.ui.mouse.

Only two plugins need additional patches in order to work:

• Resizable (uses mouseover for handle detection, should be refactored anyway)
• Selectable (Lasso works fine, clicking does not)

[paul]

Patch that makes most interaction plugins work in Safari iPhone

[dmuir]

Any idea when this will be included? I read in an Old Nabble discussion that it was going to be in 1.8. I guess not?

[rdworth]

Here's the nabble discussion: ​http://old.nabble.com/jQuery-UI-Support-on-the-iPhone-td22011162s27240.html

Here's a more recent forum thread: ​http://forum.jquery.com/topic/drag-and-drop-on-the-iphone-ipod

Some progress was made before 1.8 final, but iPhone support will not be added until it is more complete. It is something that's being worked on.

[cscott]

Updated the patch for 1.9pre (milestone 2): ​http://github.com/cscott/jquery-ui/commit/3744712e13271fa06a502be19bb8b3854fe66c59

[Jörn Zaefferer]

Pauls updated fork: ​http://github.com/pbakaus/jquery-ui/commit/31bc28dffb811a35c9999d06238503821e5f196a

[Scott González]

See also #5740.

[oleg008]

I tried to do the same some time ago: ​https://github.com/kof/labs/blob/master/touch/

Demo ​file:///Users/kof/work/projects/kof/labs/touch/index.html

The good thing is there is no need to change original mouse widget, my wrapper just can be added.

It works but it could be slow because its still not hardware accelerated. To do that all widgets changing position of element over top, left props have to move this stuff into extra method, we can then overwrite them with css3 transitions.

[oleg008]

Ups Demo is here: ​https://dl.dropbox.com/u/3872624/lab/touch/index.html

[Scott González]

#7001 is a duplicate of this ticket.

[djamshed]

oleg008's patch doesn't work on the range slider (dual slider). I found another one that does: ​https://github.com/furf/jquery-ui-touch-punch

[Jörn Zaefferer]

Being addressed as part of the interactions rewrite.

[Scott González]

#8202 is a duplicate of this ticket.

[Scott González]

#8271 is a duplicate of this ticket.

[Scott González]

#8709 is a duplicate of this ticket.

[matteosistisette]

Has anybody got at least a working slider? This was opened 5 years ago and slider is still unusable on an ipad!! I guess there is some quick hack somewhere out there?

[Scott González]

Use ​Touch Punch until the interaction rewrite lands with the Pointer Events polyfill.

[tj.vantoll]

#10618 is a duplicate of this ticket.

[Scott González]

Changing this ticket to the actual solution we're going with. We won't explicitly support Touch Events; for browsers that implement Touch Events but not Pointer Events, a polyfill such as PEP will be required.

[Scott González]

#14926 is a duplicate of this ticket.