Measure redispatch to root when has root (#8)

* Redispatch pointermove events to root when has root

* 0.4.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "kuliso",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "sideeffects": true,
   "description": "Tiny library for performant pointer-driven or gyroscope-driven effects",
   "main": "dist/index.cjs",

src/Pointer.js

@@ -62,7 +62,7 @@ export class Pointer {
     this.previousProgress = { ...this.progress };
     this.currentProgress = null;
 
-    this._measure = (event) => {
+    const _measure = (event) => {
       Object.assign(this.previousProgress, this.currentProgress || this.progress);
 
       this.progress.x = this.config.root ? event.offsetX : event.x;
@@ -71,6 +71,29 @@ export class Pointer {
       this.progress.vy = event.movementY;
       this._nextTick = trigger();
     };
+
+    const dpr = window.devicePixelRatio;
+
+    if (this.config.root) {
+      this._measure = (e) => {
+        if (e.target !== this.config.root) {
+          const event = new PointerEvent('pointermove', {
+            bubbles: true,
+            cancelable: true,
+            clientX: e.x * dpr,
+            clientY: e.y * dpr
+          });
+
+          e.stopPropagation();
+
+          this.config.root.dispatchEvent(event);
+        } else {
+          _measure(e);
+        }
+      }
+    } else {
+      this._measure = _measure;
+    }
   }
 
   /**