From a6698a3ef2cb2b89cf349650f93dc7050fbc18f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Thu, 15 Sep 2022 21:58:51 +0200
Subject: [PATCH] register mouseup globally.

---
 src/component/overlay.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/component/overlay.vue b/src/component/overlay.vue
index 8f9fe172..6dd81b3f 100644
--- a/src/component/overlay.vue
+++ b/src/component/overlay.vue
@@ -11,7 +11,6 @@
       @wheel.stop.prevent="onWheel"
       @mousemove.stop.prevent="onMouseMove"
       @mousedown.stop.prevent="onMouseDown"
-      @mouseup.stop.prevent="onMouseUp"
       @mouseenter.stop.prevent="onMouseEnter"
       @mouseleave.stop.prevent="onMouseLeave"
       @dragenter.stop.prevent="onDragEnter"
@@ -116,6 +115,9 @@
     }
 
     mounted() {
+      // register mouseup globally as user can release mouse button outside of overlay
+      window.addEventListener('mouseup', this.onMouseUp, true)
+
       // get canvas overlay context
       const ctx = this._overlay.getContext('2d')
       if (ctx != null) {
@@ -183,6 +185,8 @@
     }
 
     beforeDestroy() {
+      window.removeEventListener('mouseup', this.onMouseUp, true)
+
       // Guacamole Keyboard does not provide destroy functions
 
       this.webrtc.removeListener('cursor-position', this.onCursorPosition)
@@ -319,7 +323,11 @@
       }
     }
 
+    isMouseDown = false
+
     onMouseDown(e: MouseEvent) {
+      this.isMouseDown = true
+
       if (!this.isControling) {
         this.implicitControlRequest(e)
         return
@@ -336,6 +344,10 @@
     }
 
     onMouseUp(e: MouseEvent) {
+      // only if we are the one who started the mouse down
+      if (!this.isMouseDown) return
+      this.isMouseDown = false
+
       if (!this.isControling) {
         this.implicitControlRequest(e)
         return