From c8b42c9923213390289395ef477f8645191b0ce8 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Mon, 10 Oct 2022 19:32:03 +1100
Subject: Skip initial timeline+baseline transitions

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

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

diff --git a/src/components/TimeLine.vue b/src/components/TimeLine.vue
index 2cdf31f..e5da628 100644
--- a/src/components/TimeLine.vue
+++ b/src/components/TimeLine.vue
@@ -50,13 +50,14 @@ const props = defineProps({
 });
 const emit = defineEmits(['close', 'bound-chg']);
 
-// For skipping transitions on horz/vert swap
-const skipTransition = ref(false);
-const prevVert = ref(props.vert);
+// For skipping transitions on startup (and horz/vert switch)
+const skipTransition = ref(true);
+onMounted(() => setTimeout(() => {skipTransition.value = false}, 100));
 
 // For size tracking
 const width = ref(0);
 const height = ref(0);
+const prevVert = ref(props.vert);
 const WRITING_MODE_HORZ = window.getComputedStyle(document.body)['writing-mode'].startsWith('horizontal');
 const resizeObserver = new ResizeObserver((entries) => {
 	for (const entry of entries){
-- 
cgit v1.2.3

