From 9a6814c0c0754729ddc43808c4f2766754185655 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Tue, 6 Dec 2022 21:06:31 -0800
Subject: [PATCH] scroller: fix interactend call on outside scroller

---
 src/components/ScrollerManager.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/ScrollerManager.vue b/src/components/ScrollerManager.vue
index 1275c1fd..77ff414f 100644
--- a/src/components/ScrollerManager.vue
+++ b/src/components/ScrollerManager.vue
@@ -15,6 +15,7 @@
     @touchmove.prevent="touchmove"
     @touchstart.passive="interactstart"
     @touchend.passive="interactend"
+    @touchcancel.passive="interactend"
   >
     <span
       class="cursor st"
@@ -29,6 +30,7 @@
       @touchmove.prevent="touchmove"
       @touchstart.passive="interactstart"
       @touchend.passive="interactend"
+      @touchcancel.passive="interactend"
     >
       <div class="text">{{ hoverCursorText }}</div>
       <div class="icon"><ScrollIcon :size="22" /></div>
@@ -425,6 +427,7 @@ export default class ScrollerManager extends Mixins(GlobalMixin) {
 
   /** Handle mouse leave */
   private mouseleave() {
+    this.interactend();
     this.moveHoverCursor(this.cursorY);
   }