Replace sleep with nextTick

ltouroumov · Sep 22, 2024 · 5bf6f8d · 5bf6f8d
1 parent 5f00e63
commit 5bf6f8d
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/components/viewer/modal/BackpackModal.vue b/components/viewer/modal/BackpackModal.vue
@@ -145,9 +145,8 @@ const backpackToImage = async () => {
     const toastGenerateImage = $toast.info('Generating image...', {
       timeout: false,
     });
-    // A hack, the DOM won't update until after the image is generated otherwise
-    const pause = new Promise((resolve) => setTimeout(resolve, 200));
-    await pause;
+    // Wait for the next tick to ensure DOM is updated before getting the element.
+    await nextTick();
 
     // Set background color for svg to project background color if it exists
     const currentBackground = backpackRef.value.style.backgroundColor;