Touch devices problems

[dell640]

I found few quickly closed issues in github history, anyway:
Adding TouchPunch does not work, even your demo page here:
http://troolee.github.io/gridstack.js/
which has added TouchPunch lib does not work on any of my touch devices (not in one column mode).

Why you not prepare one single demo for touch devices? (there is no working demo online)
I spend many hours of trying (and reading your touch manual) and it still not work.

(my try is here http://hhh.imasik.cz)
Thx for your time

[troolee]

What device do you have? It's working fine on my iphone.

[troolee]

Recorded from the phone (not emulator): https://youtu.be/hE3Fq9aI7kU

[dell640]

Actually trying:
"Lenovo Miix3 - Microsoft Edge"
"Samsung S7 - Chrome, Default browser"
No one works.

...Now when you posted video, i tried Firefox on Lenovo Miix and there it really works. So its just problem of browsers and touch-punch.
Thank you for your time (video). Really appreciate it.

[dell640]

Hey again. Final solution for all Android/Microsoft touch browsers that i tested is:
-Remove touch-punch lib
-Add jquery.ui.touch lib (https://www.npmjs.com/package/jquery.ui.touch)
-Add handling for all "touchable" elements:
$('.grid-stack').addTouch();
-To support Microsoft Edge browser, you have to disable default Microsoft touch handling in CSS:
$('.grid-stack').css("touch-action", "none");

This works on Android and Windows Touch devices (no idea if it works on iOS) :)

[jun1432]

I just stumbled on this issue. I can confirm that it doesn't work on iphone 6 iOS 12.0.1

[hadasnet]

Hey again. Final solution for all Android/Microsoft touch browsers that i tested is:
-Remove touch-punch lib
-Add jquery.ui.touch lib (https://www.npmjs.com/package/jquery.ui.touch)
-Add handling for all "touchable" elements:
$('.grid-stack').addTouch();
-To support Microsoft Edge browser, you have to disable default Microsoft touch handling in CSS:
$('.grid-stack').css("touch-action", "none");

This works on Android and Windows Touch devices (no idea if it works on iOS) :)

Hey, can you please upload the code for this to codepen or jsffidle or any other ? please --> http://hhh.imasik.cz

[vlory73]

I can confirm that the grid from link http://hhh.imasik.cz is working on iOS

[Lueton]

I can confirm that it doesn't work on ms surface pro

[riccardolardi]

@adumesny I'm having a touch screen issue with Hannspree HT225. The "Basic Demo" on www.gridstackjs.com DOES WORK but I cannot get my own one to work. I just can't drag or resize the cells. The same happens with the grid posted above at http://hhh.imasik.cz - dragging and resizing won't work. What is the secret on the "Basic Demo" grid on gridstackjs.com?

EDIT: I found out I had to use the gridstack-dd-jqueryui intead of html5