fix davidfig#422

add support for global point move

src/InputManager.ts

@@ -45,11 +45,20 @@ export class InputManager
             this.viewport.hitArea = new Rectangle(0, 0, this.viewport.worldWidth, this.viewport.worldHeight);
         }
         this.viewport.on('pointerdown', this.down, this);
-        this.viewport.on('pointermove', this.move, this);
+        if (this.viewport.options.globalMoveEventObject)
+        {
+            this.viewport.options.globalMoveEventObject.interactive = true;
+            this.viewport.options.globalMoveEventObject.on('pointermove', this.move, this);
+        }
+        else
+        {
+            this.viewport.on('pointermove', this.move, this);
+        }
+
         this.viewport.on('pointerup', this.up, this);
         this.viewport.on('pointerupoutside', this.up, this);
         this.viewport.on('pointercancel', this.up, this);
-        this.viewport.on('pointerout', this.up, this);
+        this.viewport.on('pointerleave', this.upPointerLeave, this);
         this.wheelFunction = (e) => this.handleWheel(e);
         this.viewport.options.events.domElement.addEventListener(
             'wheel',
@@ -65,6 +74,7 @@ export class InputManager
     public destroy(): void
     {
         this.viewport.options.events.domElement.removeEventListener('wheel', this.wheelFunction as any);
+        this.viewport.options.globalMoveEventObject?.off('pointermove', this.move);
     }
 
     /**
@@ -202,6 +212,14 @@ export class InputManager
         }
     }
 
+    public upPointerLeave(event: FederatedPointerEvent)
+    {
+        if (!this.viewport.options.allowPreserveDragOutside)
+        {
+            this.up(event);
+        }
+    }
+
     /** Gets pointer position if this.interaction is set */
     public getPointerPosition(event: WheelEvent): Point
     {

src/Viewport.ts

@@ -56,6 +56,18 @@ export interface IViewportOptions
      */
     stopPropagation?: boolean;
 
+    /**
+     * Whether to stop drag when the pointer is out of the viewport
+     */
+
+    allowPreserveDragOutside?:boolean;
+
+    /**
+     * use if you wish keep drag out of viewport
+     */
+
+    globalMoveEventObject?: DisplayObject;
+
     /**
      * Change the default hitArea from world size to a new value
      */
@@ -117,6 +129,7 @@ const DEFAULT_VIEWPORT_OPTIONS: Partial<ICompleteViewportOptions> = {
     noTicker: false,
     disableOnContextMenu: false,
     ticker: Ticker.shared,
+    allowPreserveDragOutside: false,
 };
 
 /**