Hello, in a movable elements list I need to add various button with actions.
No problem as long as you are on a computer / ipad pro.
However when I arrive on a mobile, you can not click on the buttons. The perfect example is here:
https://sortablejs.github.io/Vue.Draggable/#/third-party.
https://github.com/SortableJS/Vue.Draggable/blob/master/example/components/third-party.vue
No worries in version 2.17.0 => https://jsfiddle.net/5fpagv97/3/
hello, does anyone has a solution or idea ?
I have the same problem. It's not that the buttons don't work anymore, but if you start a drag event and cancel it (leave the dragged item in it's original place). The first click is cancelled somehow. Second click is registered as intended. You see the same behaviour in @starker-xp example (https://sortablejs.github.io/Vue.Draggable/#/third-party.)
Solutions are appreciated!
Edit:
Looks like the drag event which I described above cancels all other click events for the first click. Also buttons which are not even part of the draggable component
遇到同样的问题,在Android端浏览器给拖动的元素绑定click事件,很难触发事件,但是在ios端浏览器上却可以很灵敏的触发点击事件
Having this same issue with the latest version and can confirm pinning to 2.17.0 works.
遇到同样的问题,在Android端浏览器给拖动的元素绑定click事件,很难触发事件,但是在ios端浏览器上却可以很灵敏的触发点击事件
移动端用 touchstart touend时间间隔小于300ms 模拟点击
on mobile device try touchstart and touend to simulate click,make sure time interval is less than 300ms
@owen-m1 Could you take a look at this one please?
I'm in the same situation, do you know anything about this?
I also have the same problem. Of course I can use touchstart and touchend events to fix it, but it needs a lot of ugly code on my site.
Any perspective to fix this in project?
BTW. Great library guys! Apprieciate your work! :)
Just add use the handle option. Only the handle element will be used for drag and the other buttons of the elements will be clickable.
Most helpful comment
I'm in the same situation, do you know anything about this?