Merge pull request #1049 from PlanoramaEvents/staging

merge v3.5.1 release back into dev
PlanoramaEvents · May 27, 2024 · 88c4874 · 88c4874
2 parents a1c3a93 + 8ea699f
commit 88c4874
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/app/javascript/profile/availability_calendar.vue b/app/javascript/profile/availability_calendar.vue
@@ -95,15 +95,19 @@ export default {
       return DateTime.fromISO(date, {zone: this.timezone}).toLocaleString(config)
     },
     syncScrolling() {
-      for (const day of this.days) {
-        let component = this.$refs[`day-${day}`][0].scrollBarElement()
-        let targets = this.days.filter(d => d != day)
+      this.$nextTick(
+        () => {
+          for (const day of this.days) {
+            let component = this.$refs[`day-${day}`][0].scrollBarElement()
+            let targets = this.days.filter(d => d != day)
 
-        component.addEventListener("scroll",
-          this.syncScroll.bind(event,component,targets),
-          false
-        )
-      }
+            component.addEventListener("scroll",
+              this.syncScroll.bind(event,component,targets),
+              false
+            )
+          }
+        }
+      )
     },
     init: function(arg) {
       this.syncScrolling();