Ignored attempt to cancel a touchmove event when isolation is false
yossisp opened this issue · 1 comments
yossisp commented
I'm using the library with a mobile menu like this:
import { ScrollLocky } from 'react-scroll-locky';
import MotionDrawer from 'react-motion-drawer';
<MotionWrapper>
<ScrollLocky enabled={isMobileMenuOpen} isolation={false}>
<MotionDrawer
open={isMobileMenuOpen}
width="100%"
zIndex={10}
className="motionDrawer"
onChange={handleChange}
>
// content
</MotionDrawer>
</ScrollLocky>
</MotionWrapper>
The problem is that above the mobile menu I have a button which closes the menu (x sign). Therefore I need to use isolation={false}
in order to enable onClick
events. Everything works but I get the error in Chrome console:
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
| preventAll | @ | utils.js:2
-- | -- | -- | --
| handleScroll | @ | handleScroll.js:51
| (anonymous) | @ | index.js:47
Is there anything I can do about it?
theKashey commented
see theKashey/react-remove-scroll#8
it's more about finding a proper way to handle situations like this.