Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Drag does not work in mobile mode #73

Closed
KeenthemesHub opened this issue Oct 30, 2019 · 6 comments
Closed

Drag does not work in mobile mode #73

KeenthemesHub opened this issue Oct 30, 2019 · 6 comments

Comments

@KeenthemesHub
Copy link

KeenthemesHub commented Oct 30, 2019

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

@riktar
Copy link
Owner

riktar commented Oct 30, 2019

Hi, can you give me more information about what type of browser are you using?

I've tried on Chrome, and it works:
https://streamable.com/t7sxa

@KeenthemesHub
Copy link
Author

Hi, thank you for your reply. I tried on Chrome. Can you try to make it on a smaller screen? Less than 600px maybe. Need to refresh the page. every time size change.

Thanks

@riktar
Copy link
Owner

riktar commented Oct 30, 2019

@KeenthemesHub It works...
https://streamable.com/hynp8

@KeenthemesHub
Copy link
Author

KeenthemesHub commented Oct 31, 2019

Sorry, I should be more clear. Could you please try these steps.

  1. Open in mobile mode (smaller screen)
  2. Refresh page (F5) <== missing this step
  3. Retry to drag

Thank you for your patience

@riktar
Copy link
Owner

riktar commented 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 😄

@KeenthemesHub
Copy link
Author

Thank for your help 😊

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants