comand-component-library 3.3.37 → 3.3.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "3.3.37",
+  "version": "3.3.39",
   "private": false,
   "type": "module",
   "scripts": {

package/src/components/CmdBackToTopButton.vue

@@ -17,7 +17,7 @@ export default {
     data() {
         return {
             windowInnerHeight: window.innerHeight,
-            windowScrollY: window.scrollY,
+            windowScrollY: window.scrollY ?? (document.querySelector(this.parentSelector)?.scrollTop ||  0),
             scrollHeight: document.querySelector(this.parentSelector)?.scrollHeight || 0
         }
     },
@@ -44,11 +44,11 @@ export default {
     },
     created() {
         window.addEventListener('resize', this.onViewportChange)
-        window.addEventListener('scroll', this.onViewportChange)
+        document.querySelector(this.parentSelector)?.addEventListener('scroll', this.onViewportChange)
     },
     unmounted() {
         window.removeEventListener('resize', this.onViewportChange)
-        window.removeEventListener('scroll', this.onViewportChange)
+        document.querySelector(this.parentSelector)?.removeEventListener('scroll', this.onViewportChange)
     },
     /* watch for changes */
     computed: {
@@ -59,11 +59,11 @@ export default {
     methods: {
         onViewportChange() {
             this.windowInnerHeight = window.innerHeight;
-            this.windowScrollY = window.scrollY;
+            this.windowScrollY = window.scrollY ?? (document.querySelector(this.parentSelector)?.scrollTop || 0)
             this.scrollHeight = document.querySelector(this.parentSelector)?.scrollHeight || 0
         },
         onBackToTop() {
-            window.scrollTo({top: 0, left: 0, behavior: 'smooth'})
+            document.querySelector(this.parentSelector)?.scrollTo({top: 0, left: 0, behavior: 'smooth'})
         }
     }
 }