fetch text height only after mask has been loaded

1 files changed, 8 insertions, 3 deletions

diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 6cfe893c..c389750d 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -60,9 +60,14 @@ const UpdateNotification = {
     }
   },
   mounted () {
-    setTimeout(() => {
-      this.contentHeight = this.$refs.animatedText.scrollHeight
-    }, 1000)
+    // Workaround to get the text height only after mask loaded. A bit hacky.
+    const newImg = new Image()
+    newImg.onload = () => {
+      setTimeout(() => {
+        this.contentHeight = this.$refs.animatedText.scrollHeight
+      }, 100)
+    }
+    newImg.src = this.pleromaTanVariant === pleromaTan ? pleromaTanMask : pleromaTanFoxMask
   }
 }