From a4f0a3f7eff8a7bf678e29b4bf2d379d0d339063 Mon Sep 17 00:00:00 2001
From: mgermerie <73115044+mgermerie@users.noreply.github.com>
Date: Tue, 2 Mar 2021 12:49:56 +0100
Subject: [PATCH] fix(PlanarControls): fix drag when moving out of view
 domElement

---
 src/Controls/PlanarControls.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/Controls/PlanarControls.js b/src/Controls/PlanarControls.js
index 10a651c4a4..4b6c632902 100644
--- a/src/Controls/PlanarControls.js
+++ b/src/Controls/PlanarControls.js
@@ -872,6 +872,7 @@ class PlanarControls extends THREE.EventDispatcher {
         this.view.domElement.addEventListener('keydown', this._handlerOnKeyDown, false);
         this.view.domElement.addEventListener('mousedown', this._handlerOnMouseDown, false);
         this.view.domElement.addEventListener('mouseup', this._handlerOnMouseUp, false);
+        this.view.domElement.addEventListener('mouseleave', this._handlerOnMouseUp, false);
         this.view.domElement.addEventListener('mousemove', this._handlerOnMouseMove, false);
         this.view.domElement.addEventListener('mousewheel', this._handlerOnMouseWheel, false);
         // focus policy
@@ -897,6 +898,7 @@ class PlanarControls extends THREE.EventDispatcher {
         this.view.domElement.removeEventListener('keydown', this._handlerOnKeyDown, true);
         this.view.domElement.removeEventListener('mousedown', this._handlerOnMouseDown, false);
         this.view.domElement.removeEventListener('mouseup', this._handlerOnMouseUp, false);
+        this.view.domElement.removeEventListener('mouseleave', this._handlerOnMouseUp, false);
         this.view.domElement.removeEventListener('mousemove', this._handlerOnMouseMove, false);
         this.view.domElement.removeEventListener('mousewheel', this._handlerOnMouseWheel, false);
         this.view.domElement.removeEventListener('mouseover', this._handlerFocusOnMouseOver, false);