schne324 / dragon-drop

Accessible drag and drop list reorder module

Home Page:https://schne324.github.io/dragon-drop/demo/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Demo on mobile not working as expected

drone1 opened this issue · comments

Hi. Thanks for working through this problem so the rest of us don't have to.

I'm interested in using the library but testing it on my iPhone 8 Plus in Chrome on iOS 13.1.2 (latest OS as of this writing), I noticed it's not working as neatly as the desktop version: it seems that pressing and holding on the draggable DIVs in the list does not actually take until the browser goes into its text-select mode (meaning the mode you enter to select some text in a paragraph, for example). You can see the iOS blue text-select highlight box while you drag in some cases, (which could be dealt with with user-select: none; as a style possibly), but most importantly, there is a delay in between touching the div and it actually allowing you to drag, so if you touch and drag immediately, you scroll the page.

Is this intended as a mobile solution as well or am I barking up the wrong tree here?

Thanks very much.

I haven't ever actually attempted to implement mobile support for this library to be honest. I am definitely not opposed to this feature being added, I just haven't spent any time on mobile solutions for dragon drop.

Not in the near future but if/when I get some free time to give this project some more love I could take a stab at this. Also for anyone seeing this, PRs are always welcome 😄