question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Drag does not work in mobile mode

See original GitHub issue

Hi,

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:closed
  • Created 4 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
KeenthemesHubcommented, Nov 2, 2019

Thank for your help 😊

0reactions
riktarcommented, Oct 31, 2019

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.

var KanbanTest = new jKanban({
        /.../
        responsive: false,
        /.../
}

set responsive:false in jKanban initialization and you are done 😄

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found