From 352c133fe5b9dcb2b002221183430f045ae54344 Mon Sep 17 00:00:00 2001
From: Forms Dev <chirag+new@notionforms.io>
Date: Tue, 12 Dec 2023 18:00:10 +0530
Subject: [PATCH] vue3-scroll-shadow-fixes

---
 resources/js/components/common/ScrollShadow.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/common/ScrollShadow.vue b/resources/js/components/common/ScrollShadow.vue
index bbf823488..98c011599 100644
--- a/resources/js/components/common/ScrollShadow.vue
+++ b/resources/js/components/common/ScrollShadow.vue
@@ -59,9 +59,9 @@ export default {
     window.addEventListener('resize', this.calcDimensions)
 
     // Check if shadows are necessary after the element is resized.
-    const scrollContainerObserver = newResizeObserver(this.toggleShadow)
-    if (scrollContainerObserver) {
-      scrollContainerObserver.observe(this.$refs.scrollContainer)
+    this.scrollContainerObserver = newResizeObserver(this.toggleShadow)
+    if (this.scrollContainerObserver) {
+      this.scrollContainerObserver.observe(this.$refs.scrollContainer)
     }
 
     // Recalculate the container dimensions when the wrapper is resized.