Drag does not work in mobile mode
See original GitHub issueHi,
Thanks for the great plugin.
We encountered a little issue. Could you please check our test video here; https://www.loom.com/share/05daa5de83c940bf9c7da306fa08e65f
We used your official example file; jkanban-1.2.0/example/index.html
for this test.
It will work only when page initializes in desktop mode, but not in mobile mode.
Thanks
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
html 5 drag and drop not working on mobile screen
Some mobile devises don't listen to the drag event. To solve that you must use the touch event touchstart , touchend , touchcancel ......
Read more >Drag and Drop does not work on mobile Android/Chrome #3500
Steps to reproduce the problem: open responsive table sample with drag and drop in docs; try to drag a item from left to...
Read more >Touch drag and drop not working on mobile device in Vue
Open in dev tool. Switch to mobile mode. Now, touch drag and drop action not performed properly..
Read more >Drag and Drop (DnD) for mobile browsers | by Deepak Kadarivel
This demo solution is targeted only on mobile devices since browsers don't have any touch interfaces. Toggle your browser device toolbar and ...
Read more >Drag'n'Drop with mouse events - The Modern JavaScript Tutorial
The problem is that, while we're dragging, the draggable element is always above other elements. And mouse events only happen on the top...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Thank for your help 😊
By default jKanban not permit to drag items under 700px window width (if rendered, not resized). For bypass this, use
responsive
prop.This prop enable drag only if the window size if major of the value setted.
set
responsive:false
in jKanban initialization and you are done 😄