diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-09-14 21:12:04 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-09-14 21:12:04 +1000 |
| commit | 6d4ede5714f7a3616e90eac76523e892ddf37926 (patch) | |
| tree | a4e79ba1a4ce5a91072a4235b536c5826d0a7114 | |
| parent | 362b03b2259c8f69ac43b26f5552d66226b4e612 (diff) | |
Fix tile-flash not properly covering overflown scrolled tiles
Fix bug where some tiles are hidden upon entering an overflown
tile after auto-mode
| -rw-r--r-- | src/components/TolTile.vue | 6 |
1 files changed, 5 insertions, 1 deletions
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){ |