add stop drag event to ScrollBar

center-for-threat-informed-defense · Aug 29, 2023 · 8b566cb · 8b566cb
1 parent 343bdd8
commit 8b566cb
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/attack_flow_builder/src/components/Containers/ScrollBox.vue b/src/attack_flow_builder/src/components/Containers/ScrollBox.vue
@@ -116,6 +116,8 @@ export default defineComponent({
      */
     startDrag(event: PointerEvent) {
       this.handle.trk.capture(event, this.onDrag);
+      // Configure stop drag
+      document.addEventListener("pointerup", this.stopDrag, { once: true });
     },
 
     /**
@@ -132,6 +134,16 @@ export default defineComponent({
       );
     },
 
+    /**
+     * Scroll handle drag stop behavior.
+     * @param event
+     *  The pointer event.
+     */
+    stopDrag(event: PointerEvent) {
+      // Release pointer
+      this.handle.trk.release(event);
+    },
+
     /**
      * Scroll content behavior.
      */