search

kutlugsahin / react-smooth-dnd

react wrapper components for smooth-dnd
MIT License
1.71k stars 144 forks source link

Native touch scroll is blocked after touch/scroll on the react-smooth-dnd #75

Open a-tonchev opened 4 years ago

a-tonchev commented 4 years ago

Bug is reproduced in browser and also in mobile:

  1. Open demo page: https://kutlugsahin.github.io/smooth-dnd-demo/ with mobile chrome / or desktop chrome in Device-mode

  2. Scroll with finger and touch the react-smooth-dnd container

-> no more native scrolling possible. You can not scroll top or bottom of the page any more.

If you want guys, I can also upload a video?

Thanks and best regards

a-tonchev commented 4 years ago

My workaround:

useEffect(() => {

const cleanClasses = () => {

  document.body.className = '';
};
document.addEventListener('touchend', cleanClasses, false);
return () => {
  document.removeEventListener('touchend', cleanClasses, false);
};

}, []);