Handle initialisation with wrong dimensions on some devices

1 files changed, 4 insertions, 0 deletions

diff --git a/src/App.vue b/src/App.vue
index 20db479..96baefd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -117,6 +117,10 @@ function updateAreaDims(){
 
 onMounted(updateAreaDims);
 
+// Kludge for some devices that don't provide the right dimensions until some time after mounting
+onMounted(() => setTimeout(updateAreaDims, store.transitionDuration));
+onMounted(() => setTimeout(updateAreaDims, store.transitionDuration * 2));
+
 // ========== Timeline data ==========
 
 const timelines: Ref<TimelineState[]> = ref([]);