Motion: [BUG] Drag is broken on mobile @ 2.6.15

Created on 22 Sep 2020  路  11Comments  路  Source: framer/motion

Most helpful comment

I think I know what this is - I enabled sideEffects: false but the viewport scroll blocking is a side effect so this is breaking in Webpack environments.

All 11 comments

Make/OS? Works on iOS.

Sorry, it broke for my two devices:

  • chrome on android,
  • chrome on windows (switch to mobile mode, works fine on desktop mode)

@rizkyramadhan btw, if you refer to dragConstraints not working in your codesandbox, add:

Screen Shot 2020-09-23 at 1 23 00 AM

Ah yeah, Chrome in mobile mode did it, thanks for the heads up

This is bizarre, I can't replicate using the local examples (only on CodeSandbox) and there's been nothing released between 13-14 that should touch drag.

This is bizarre, I can't replicate using the local examples (only on CodeSandbox) and there's been nothing released between 13-14 that should touch drag.

Try windows machine. It bugged on windows...

It's the same in Windows/Mac Chrome mobile emulation. Happens on CodeSandbox but not locally.

It's main yeah. I'll try and give it another go. From debugging its almost as if pointermove events stop being emitted.

I think I know what this is - I enabled sideEffects: false but the viewport scroll blocking is a side effect so this is breaking in Webpack environments.

@InventingWithMonster it might be that as I saw a degradation for the slideshow when bumping from 2.6.13 to 2.6.15.
And I see you mentioned in the changelog, sideEffects change is introduced in 2.6.14.

We use webpack 5 btw and I saw it in development mode.

Okay try 2.7.1 and let me know how that works for you.

Was this page helpful?
0 / 5 - 0 ratings