search

riktar / jkanban

Vanilla Javascript plugin for manage kanban boards
https://www.riccardotartaglia.it/jkanban/
Apache License 2.0
1.08k stars 300 forks source link

Drag does not work in mobile mode #73

Closed keenthemes closed 4 years ago

keenthemes commented 4 years ago

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 commented 4 years ago

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

keenthemes commented 4 years ago

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 commented 4 years ago

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

keenthemes commented 4 years ago

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 commented 4 years ago

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 :smile:

keenthemes commented 4 years ago

Thank for your help 😊