From 71121361f2116850afea12e3243b0bc77ac8a99c Mon Sep 17 00:00:00 2001
From: formsdev <136701234+formsdev@users.noreply.github.com>
Date: Tue, 12 Dec 2023 19:10:08 +0530
Subject: [PATCH] vue3-scroll-shadow-fixes (#260)

---
 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 bbf82348..98c01159 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.