Fix: add PointerEvents polyfill to demo

demo/index.tsx

@@ -16,6 +16,7 @@ import startOfWeek from 'date-fns/start_of_week';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
 import mapValues from 'lodash/mapValues';
+import 'pepjs';
 import React, { Fragment, useEffect, useMemo, useState } from 'react';
 import CustomProperties from 'react-custom-properties';
 import ReactDOM from 'react-dom';

package.json

@@ -5,7 +5,9 @@
   "description": "",
   "homepage": "https://remotelock.github.io/react-week-scheduler/",
   "private": false,
-  "sideEffects": [ "*.css" ],
+  "sideEffects": [
+    "*.css"
+  ],
   "keywords": [
     "calendar",
     "time grid",
@@ -35,7 +37,8 @@
   "peerDependencies": {
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
-    "resize-observer-polyfill": "^1.5.1"
+    "resize-observer-polyfill": "^1.5.1",
+    "pepjs": "^0.5.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.2.3",
@@ -77,6 +80,7 @@
     "npm-run-all": "^4.1.5",
     "parcel": "^1.12.0",
     "parcel-bundler": "^1.12.2",
+    "pepjs": "^0.5.0",
     "postcss-modules": "^1.4.1",
     "prettier": "^1.16.4",
     "react": ">=16.8",

src/components/TimeGridScheduler.tsx

@@ -427,6 +427,7 @@ export const TimeGridScheduler = React.memo(function TimeGridScheduler({
       ref={root}
       style={style}
       onBlur={handleBlur}
+      touch-action={isDragging ? 'none' : undefined}
       className={classcat([
         classes.root,
         classes.theme,

yarn.lock

@@ -8016,6 +8016,11 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+pepjs@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/pepjs/-/pepjs-0.5.0.tgz#c335538a009fd1152207f6e8fefb71c3cf716c94"
+  integrity sha512-c2zQVpj0zfLwpLnt5d2Zi7htPe5us83expDUMSc7TJ2XeI4dzI2crwWjD/SyG3FLWds5XoJwr+WDKmeQcL1DUA==
+
 performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"