Touch doesn't drag card but block in nested vertical list (Android only)

[ThomasJuster]

Bug or feature request?

Bug

Expected behavior

In this example in the second level block, the user should be able to drag and drop the cards using touch.

Actual behavior

Using touch drags the whole second level block rather than just the card.

Steps to reproduce

Go to this doc page with your phone (or Chrome in mobile mode) and try to swap the two cards in the second level block

Browser version

Android: Chrome 62.0.3203.84
Computer: Chrome 62.0.3202.89 (Official Build) (64-bit)

[alexreardon]

Super strange. It only seems to be the case on android. It works as expected on iPhone. Must have something to do with how it publishes events. Super surprising that the outer element event handler gets called before the inner one

[alexreardon]

We now prevent the propagation of the touchstart event while being careful to not call prevent default so as to maintain as much standard browser behaviour as possible

[humphreybc]

@alexreardon I bumped the version to 2.6.1 just now. I've been playing around on our staging environment and I'm running into this issue—so thanks for fixing—but I also can't scroll on the list anymore. Is this all related to this issue?

[alexreardon]

Thanks for raising this @ThomasJuster.

Not sure @humphreybc. I am about to do a new release. Please check against that or master. If you are still having issues please raise a seperate issue - cheers 👍

[alexreardon]

@humphreybc done.

Also, regarding scrolling - take a look at this: https://github.com/atlassian/react-beautiful-dnd/tree/v2.6.2#opting-out-of-native-scrolling

[humphreybc]

@alexreardon Thanks! Read through that and opened up an issue.