jquery-ui-touch-punch icon indicating copy to clipboard operation
jquery-ui-touch-punch copied to clipboard

Input can't get focus

Open gscap101 opened this issue 10 years ago • 6 comments

When you have an input field inside of a div that is draggable, the input can no longer obtain focus on a phone/tablet.

http://jsfiddle.net/jbrL8hn7/9/

To test, you have to use your, ya know, phone or tablet.

gscap101 avatar Jun 05 '15 20:06 gscap101

I have experienced the same. I have had to disable drag on these divs.

mkranitz avatar Jul 07 '15 08:07 mkranitz

This is a longtime known issue apparently (see #109 for a solution). I integrated this and #196 fix into one version, see this repo here if you need.

nobitagit avatar Jul 23 '15 14:07 nobitagit

Awesome. I downloaded from your repo and it works fine. Thanks a bunch.

gscap101 avatar Jul 23 '15 15:07 gscap101

@nobitagit Thanks, your repo works great!

SimonDahrs avatar Oct 11 '15 19:10 SimonDahrs

One solution is to use a handle. Add an icon inside <li><span class="move"></span><input...../></li> and use this to drag. Then the inputs work fine. $("#sortableList").sortable({ handle: ".move" });

alfgeorg avatar Dec 11 '16 14:12 alfgeorg

Awesome, you saved my day dude. Spent almost the whole day to find out this issue.

kthiha-dev avatar Aug 06 '18 08:08 kthiha-dev