This project is archived and is in readonly mode.

#435 ✓ wontfix
ofertal

iPhone/iPad Draggable & Sortables

Reported by ofertal | November 8th, 2010 @ 09:46 PM | in 1.3.1.1

Drag/Drop functionality on iPad/iPhone works a bit differently than most other browsers making Draggable and Sortables unusable on that platform.

A very useful blog post including a free javascript drag/drop library for iPad/iPhone can be found at:
http://www.gotproject.com/blog/post2.html
I just personally tested it on an iPad and it does work :)

Would it be possible to make Draggable & Sortable truly cross platform by integrating the functionality into mootools.more?

Comments and changes to this ticket

  • Tim Wienk

    Tim Wienk November 8th, 2010 @ 11:53 PM

    • Milestone set to 1.3.1.1
    • Tag set to breakthrough communication device, drag, sortables, touch
    • Assigned user set to “Christoph Pojer”
    • Milestone order changed from “197540” to “0”

    Chris, mind showing your Power! for this ticket?

  • Christoph Pojer

    Christoph Pojer November 9th, 2010 @ 06:35 PM

    • State changed from “new” to “wontfix”

    I don't think this makes a lot of sense for our current implementations in More. Especially because I would use the translate property instead of dimensions. Maybe its a good idea for a later version of More (2.0) or a third party implementation :)

  • ofertal

    ofertal November 9th, 2010 @ 09:21 PM

    Chris,

    So if I wanted to be the 3rd party that develops this add-on (I'd be happy to share my outcome for inclusion in "more" if I get it working) would you be able to give me a few ideas of the approach you'd use to hack the "webkit_draggable" functionality into mootools Draggable?
    I have used mootools to program my own web apps for several years now, but I am not too familiar with the innards of mootools and a couple of hints where to start and what would be the most sensible approach could save me many hours of work on this...

    Ofer

  • Christoph Pojer

    Christoph Pojer November 9th, 2010 @ 10:06 PM

    On webkit based browsers this is pretty easy. You can leverage the pageX and pageY variables of the first touch on touchstart and touchmove to calculate a delta, set the position with translate(3d) and get the droppable container via document.elementFromPoint. In addition you can set pointer-events: none on CSS elements to make elementFromPoint fall through. This kind of stuff greatly diverges from anything we do now and is, in my opinion, the less hacky way. What we have now is kind of a hack.

    I am not too familiar with the native HTML5 drag events. You may wanna look into that. Given that the implementations are weird and buggy I would probably go for just using the touch events.

  • Trae Robrock

    Trae Robrock November 11th, 2010 @ 09:54 PM

    ofertal, if you decide to take on this project let me know I would be interested in helping with it.

  • Teixi

    Teixi November 15th, 2010 @ 05:48 PM

    Hi I understand the facts. But IMHO for being cross-browser supporting Draggable & Sortables in touch based webkit apps is a must.

  • JSON_h

    JSON_h November 21st, 2010 @ 09:49 AM

    Amazing. I'm looking forward to this moving forward. I'd happily make myself available for testing, and would help I'm any way I can.

  • jdavidbakr

    jdavidbakr December 1st, 2010 @ 08:43 PM

    Count me in to help as well - I agree with Teixi, this is a no-brainer requirement for the description of MooTools' goals of being a cross-browser library, there's too much you can do with draggable and sortables to alienate the touch-based users.

  • posttoast

    posttoast January 12th, 2011 @ 08:52 PM

    Any updates on this matter? In my opinion the lack of support of drag on touchscreen devices is not missing feature but a bug. Of MooTools is truly supposed to be crossplatform this should be fixed.

    Not to be an ungrateful guy (I love MooTools), but this is how I see it.

  • JacobThornton

    JacobThornton January 12th, 2011 @ 09:07 PM

    There's no plan at this time to add support for mobile browsers. Currently mootools is only developed/tested against these (as stated on mootools.net):

    MooTools is compatible and fully tested with Safari 3+, Internet Explorer 6+, Firefox 2+ (and browsers based on gecko), Opera 9+, and Chrome 4+.
    

    As christoph pointed out -- we would be happy to take a look at 3rd party contributions -- but don't have the time/resources to write this sort of thing ourselves.

    [edit: -er from christoph]

  • Santi

    Santi May 13th, 2011 @ 01:01 PM

    For drag&drop support replace the Drag class with this one, works perfect on iOS: http://pastebin.com/NjY9jJB8

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile »

The MooTools Extensions

Shared Ticket Bins

Pages