The react-scroll-locky's discuss from thekashey

react-scroll-locky's Issues

scrolling is jittery on latest iOS

When using the basic ScrollLocky component, it works as intended but the scrolling behaviour is strange. I can scroll for maybe 100px before it locks. I have to lift my finger and scroll again to make any significant scroll progress down the page.

Ignored attempt to cancel a touchmove event when isolation is false

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?

Recommend Projects