search

rlemaigre / Easy-DnD

A drag and drop implementation for Vue.js 2 and 3 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz
MIT License
384 stars 52 forks source link

Unexpected behavior for touch at 1.21 version (1.19 version is OK) #102

Closed vad1ym closed 2 years ago

vad1ym commented 2 years ago

OS: iOS 15 Browser: Safari

Touch (like click) on drag element child works only on padding area in iOS Safari =\

Think, following preventDefault must be provided by some props option or fixed any other way

101

image

nicholaszuccarelli commented 2 years ago

Could you please provide a sample codepen project with the error? Thanks

vad1ym commented 2 years ago

@nicholaszuccarelli

Enable responsive mode at Chrome or Safari (or mb any other browser with responsive mode firing touch events) and try to tap circles

https://codesandbox.io/s/icy-tdd-uvuuh?file=/src/App.vue

nicholaszuccarelli commented 2 years ago

The project link you supplied does not contain any vue-dnd assets.

vad1ym commented 2 years ago

Sorry, try this one https://codesandbox.io/s/elastic-chaplygin-x2p1m?file=/src/App.vue

nicholaszuccarelli commented 2 years ago

Thanks :) I'll take a look at this today. I am also experiencing problems on my local project with that same line of code.

nicholaszuccarelli commented 2 years ago

Fix has been applied in https://github.com/rlemaigre/Easy-DnD/pull/103

Should be live soon :)