JSPM

webkit-touch-scroll-fix

1.0.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
    • 0
  • Score
    100M100P100Q16121F
  • License MIT

Fixes the iOS 11.3 bug that makes touch events cause the window to scroll. This can be an issue for drag and drop libraries.

Package Exports

  • webkit-touch-scroll-fix

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (webkit-touch-scroll-fix) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

webkit-touch-scroll-fix

Fixes the iOS 11.3 bug that makes touch events cause the window to scroll. This can be an issue for drag and drop libraries.

This fix was taken directly from a pull request in react-beautiful-dnd. I thought it might be useful for it to be its own package.

Usage

const webkitHack = require('webkit-touch-scroll-fix')

const onDrag = (e) => {
  webkitHack.preventTouchMove()
}
const onDragStop = (e) => {
  webkitHack.releaseTouchMove()
}

Install

With npm installed, run

$ npm install webkit-touch-scroll-fix

License

MIT