Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ignored attempt to cancel a touchmove event when isolation is false #3

Open
yossisp opened this issue Dec 23, 2019 · 1 comment
Open

Comments

@yossisp
Copy link

yossisp commented Dec 23, 2019

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
Copy link
Owner

see theKashey/react-remove-scroll#8

it's more about finding a proper way to handle situations like this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants