diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-10-10 19:32:03 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-10-10 19:32:41 +1100 |
| commit | c8b42c9923213390289395ef477f8645191b0ce8 (patch) | |
| tree | 249044dc4e7945410fc87021b72b85553be17b44 /src/components/TimeLine.vue | |
| parent | bb4f7f6dd4054de2c29113f72bc43777337aed9b (diff) | |
Skip initial timeline+baseline transitions
Diffstat (limited to 'src/components/TimeLine.vue')
| -rw-r--r-- | src/components/TimeLine.vue | 7 |
1 files changed, 4 insertions, 3 deletions
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){ |