From 6d4ede5714f7a3616e90eac76523e892ddf37926 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Wed, 14 Sep 2022 21:12:04 +1000
Subject: Fix tile-flash not properly covering overflown scrolled tiles

Fix bug where some tiles are hidden upon entering an overflown
tile after auto-mode
---
 src/components/TolTile.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/components/TolTile.vue b/src/components/TolTile.vue
index a30c6d9..1f6e1d3 100644
--- a/src/components/TolTile.vue
+++ b/src/components/TolTile.vue
@@ -43,7 +43,8 @@
 			@info-click="onInnerInfoIconClick"/>
 	</div>
 	<transition name="fadein">
-		<div v-if="inFlash" class="absolute w-full h-full top-0 left-0 rounded-[inherit] bg-amber-500/70"/>
+		<div v-if="inFlash" :style="{top: scrollOffset + 'px'}"
+			class="absolute w-full h-full left-0 rounded-[inherit] bg-amber-500/70"/>
 	</transition>
 </div>
 </template>
@@ -230,6 +231,9 @@ function onScroll(): void {
 		}, store.animationDelay);
 	}
 }
+// Without this, sometimes, if auto-mode enters an overflowing node, scrolls down, collapses, then stops,
+// and the node is then manually expanded, the scroll will be 0, and some nodes will be hidden
+watch(isLeaf, onScroll);
 // Scroll to focused child if overflownRoot
 watch(hasFocusedChild, (newVal: boolean) => {
 	if (newVal && isOverflownRoot.value){
-- 
cgit v1.2.3