Update appbar height on appbar mount

learningequality · Feb 28, 2025 · 4f4f2cd · 4f4f2cd
1 parent 7d029ac
commit 4f4f2cd
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/kolibri/components/pages/AppBarPage/index.vue b/packages/kolibri/components/pages/AppBarPage/index.vue
@@ -150,15 +150,16 @@
     },
     beforeUpdate() {
       // Update appBarHeight after AppBar is rerendered and updated
-      this.handleWindowResize();
+      this.updateAppBarHeight();
     },
     mounted() {
+      this.updateAppBarHeight();
       this.addScrollListener();
-      window.addEventListener('resize', this.handleWindowResize);
+      window.addEventListener('resize', this.updateAppBarHeight);
     },
     beforeDestroy() {
       this.removeScrollListener();
-      window.removeEventListener('resize', this.handleWindowResize);
+      window.removeEventListener('resize', this.updateAppBarHeight);
     },
     methods: {
       addScrollListener() {
@@ -189,7 +190,7 @@
           this.throttledHandleScroll = null;
         }
       },
-      handleWindowResize() {
+      updateAppBarHeight() {
         // Update the app bar height when window is resized
         this.appBarHeight = this.$refs.appBar.$el.scrollHeight || 124;
       },