Chrome 56 and later, warning with preventDefault, react issue

[MikeLP]

SyntheticEvent.js:115 Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080

Actually I don't know what is this. I will investigate.

[hartzis]

@MikeLP Any update on this? I too see this warning in the example but it doesn't appear to be 'bad'.

[hartzis]

closing due to inactivity

[RByers]

As for the warning from Chrome: sorry for the trouble, this is a breaking change in Chrome 56 to improve scroll performance. There's probably a missing touch-action CSS rule, which is necessary to support touch on IE/Edge anyway.

[celsomtrindade]

I'm still getting this warning. Doesn't seem to stop anything from working. But everytime I swipe, the warning is appearing.

[hartzis]

track via React discussion about this facebook/react#8968

[hartzis]

if you wish to turn off scrolling/zooming inside the <Swipeable /> area you can pass a style prop to it with touch-action: none, https://developers.google.com/web/updates/2017/01/scrolling-intervention

<Swipeable style={{touchAction: 'none'}} />

Also updated readme with info. https://github.com/dogfessional/react-swipeable#chrome-56-and-later-warning-with-preventdefault

[hartzis]

@MikeLP would you happen to have thoughts on #69 ?

proposing changing preventDefault prop to default to false in v4 because of this chrome change