From a840a16c6bd5aef906bd5cbce8293fc863cb5a5d Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sun, 15 May 2022 18:30:27 +1000
Subject: Adjust resize/scroll throttling to reliably include end cases

---
 src/components/Tile.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

(limited to 'src/components/Tile.vue')

diff --git a/src/components/Tile.vue b/src/components/Tile.vue
index 995e205..da3c29c 100644
--- a/src/components/Tile.vue
+++ b/src/components/Tile.vue
@@ -30,7 +30,7 @@ export default defineComponent({
 				// Used to hide overflow on tile expansion, but not hide a sepSweptArea on subsequent transitions
 			clickHoldTimer: 0, // Used to recognise click-and-hold events
 			scrollOffset: 0, // Used to track scroll offset when displaying with overflow
-			scrollThrottled: false,
+			pendingScrollHdlr: false,
 		};
 	},
 	computed: {
@@ -370,9 +370,12 @@ export default defineComponent({
 			this.$emit('info-icon-click', nodeName);
 		},
 		onScroll(evt: Event){
-			if (!this.scrollThrottled){
-				this.scrollOffset = this.$el.scrollTop;
-				setTimeout(() => {this.scrollThrottled = false;}, 300);
+			if (this.pendingScrollHdlr == 0){
+				this.pendingScrollHdlr = setTimeout(() => {
+					console.log('handling scroll')
+					this.scrollOffset = this.$el.scrollTop;
+					this.pendingScrollHdlr = 0;
+				}, 50);
 			}
 		},
 		// Other
-- 
cgit v1.2.3