comand-component-library 3.3.39 → 3.3.40

package/package.json

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

package/src/components/CmdBackToTopButton.vue

@@ -42,13 +42,21 @@ export default {
             }
         }
     },
-    created() {
+    mounted() {
         window.addEventListener('resize', this.onViewportChange)
-        document.querySelector(this.parentSelector)?.addEventListener('scroll', this.onViewportChange)
+        if (this.parentSelector === "body") {
+            window.addEventListener('scroll', this.onViewportChange);
+        } else {
+            document.querySelector(this.parentSelector)?.addEventListener('scroll', this.onViewportChange);
+        }
     },
     unmounted() {
         window.removeEventListener('resize', this.onViewportChange)
-        document.querySelector(this.parentSelector)?.removeEventListener('scroll', this.onViewportChange)
+        if (this.parentSelector === "body") {
+            window.addEventListener('scroll', this.onViewportChange);
+        } else {
+            document.querySelector(this.parentSelector)?.removeEventListener('scroll', this.onViewportChange)
+        }
     },
     /* watch for changes */
     computed: {
@@ -63,7 +71,11 @@ export default {
             this.scrollHeight = document.querySelector(this.parentSelector)?.scrollHeight || 0
         },
         onBackToTop() {
-            document.querySelector(this.parentSelector)?.scrollTo({top: 0, left: 0, behavior: 'smooth'})
+            if (this.parentSelector === "body") {
+                window.scrollTo({top: 0, left: 0, behavior: 'smooth'})
+            } else {
+                document.querySelector(this.parentSelector)?.scrollTo({top: 0, left: 0, behavior: 'smooth'})
+            }
         }
     }
 }