Ticket #4143 (open feature)

Opened 6 years ago

Last modified 2 months ago

Land iOS/Android support for all interactions

Reported by: paul Owned by:
Priority: major Milestone: 2.0.0
Component: ui.mouse Version: 1.6rc6
Keywords: Cc:
Blocking: Blocked by:

Description

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)

Attachments

iphone.patch Download (3.6 KB) - added by paul 6 years ago.
Patch that makes most interaction plugins work in Safari iPhone

Change History

Changed 6 years ago by paul

Patch that makes most interaction plugins work in Safari iPhone

comment:1 Changed 5 years ago by 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?

comment:2 Changed 5 years ago by rdworth

  • Component changed from ui.core to ui.mouse

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.

comment:3 Changed 4 years ago by cscott

comment:5 Changed 4 years ago by scott.gonzalez

See also #5740.

comment:6 Changed 4 years ago by 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.

comment:8 Changed 4 years ago by scott.gonzalez

#7001 is a duplicate of this ticket.

comment:9 Changed 3 years ago by 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

comment:10 Changed 3 years ago by joern.zaefferer

  • Status changed from new to open

Being addressed as part of the interactions rewrite.

comment:11 Changed 3 years ago by scott.gonzalez

#8202 is a duplicate of this ticket.

comment:12 Changed 3 years ago by scott.gonzalez

#8271 is a duplicate of this ticket.

comment:13 Changed 2 years ago by scott.gonzalez

  • Milestone changed from 1.next to 2.0.0

comment:14 Changed 2 years ago by scott.gonzalez

#8709 is a duplicate of this ticket.

comment:15 Changed 10 months ago by 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?

comment:16 Changed 10 months ago by scott.gonzalez

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

comment:17 Changed 2 months ago by tj.vantoll

  • Summary changed from Land iPhone support for all interactions to Land iOS/Android support for all interactions

comment:18 Changed 2 months ago by tj.vantoll

#10618 is a duplicate of this ticket.

Note: See TracTickets for help on using tickets.