Description

gbenthomas

opened on Dec 18, 2018

Issue body actions

Repro Steps:

-Use simple example (https://bertrandg.github.io/angular-split/#/examples/simple-split)
-Use responsive emulator in Chrome and drag with emulated touch (or use device with touch)
-Chrome logs the following error in the console: "[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080"

Activity

1. teetlaja commented on Dec 2, 2019

   

   teetlaja

   on Dec 2, 2019

   More actions

   Some solutions for that? Having the same problem with nested split.

   Reacted by Nikolay and Vasil Tabakov
2. MRROOX commented on Dec 29, 2019

   

   MRROOX

   on Dec 29, 2019

   More actions

   I have the same problem... any solution?
3. helder-a-reis commented on May 19, 2020

   

   helder-a-reis

   on May 19, 2020

   More actions

   I had the same problem. After reading this explanation https://developers.google.com/web/updates/2017/01/scrolling-intervention, where it states "We've found that a large majority of impacted pages are fixed relatively easily by applying the touch-action CSS property whenever possible.", I was able to suppress the error by adding

   as-split {
       touch-action: pan-y;
   }
   

   to my CSS (for direction="vertical", you might have to adjust to your case).

   Reacted by thisisapen, Andrei Sachuk and Amadou A. DIENE

   Reacted by thisisapen
4. nomeaning777

   added a commit that references this issue on Jul 30, 2020

   fix: set passive to false for event listener of mousemove and touchmove

   This issue will close once commit a8bd339 is merged into the 'master' branch.

   a8bd339
5. Jefiozie

   closed this as completedin #444on Jul 10, 2024

Issue actions