Prevent children from grabbing all touch events

Asked Dec 19 '20 at 13:39

Active Mar 22 '23 at 04:48

Viewed 251 times

How to prevent from a component (such as a slider or a chart) from grabbing touch move and similar events? The problem occurs when trying to slide up or down a page with such a component from an external library on a touch-screen device.

I tried the Capture synthetic events which didn't help:

  <div className='wrapper'
    onTouchMoveCapture={(e) => {
      e.stopPropagation();
    }}
   ...

asked Dec 19 '20 at 13:39

valk

9,363
12
59
79

3

Completely unrelated but that title is rather interesting XD – TheChubbyPanda Dec 19 '20 at 13:44
1

css pointer-evnets: none [MDM](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) but this can break other features. – Robert Dec 19 '20 at 13:45
1

This is one of those things that is a cross-browser nightmare. Check this one https://stackoverflow.com/questions/16348031/disable-scrolling-when-touch-moving-certain-element – Sergiu Paraschiv Dec 19 '20 at 14:06
I clicked here expecting to read some parenting tips – Ayudh Mar 22 '23 at 05:31

Prevent children from grabbing all touch events

0 Answers0