Improved: click bahaviour on the scrolling animation toggle(#608)

hotwax · Jan 20, 2025 · 37e4729 · 37e4729
1 parent b270b1f
commit 37e4729
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
@@ -145,7 +145,7 @@
           </ion-card-content>
 
           <ion-item lines="none">
-            <ion-toggle label-placement="start" :checked="isScrollingAnimationEnabled" @click.prevent="updateScrollingAnimationPreference()">{{ translate("Enable animation") }}</ion-toggle>
+            <ion-toggle label-placement="start" v-model="isScrollingAnimationEnabled" @click.prevent="updateScrollingAnimationPreference($event)">{{ translate("Enable animation") }}</ion-toggle>
           </ion-item>
         </ion-card>
       </section>
@@ -208,7 +208,9 @@ async function setProductStore(event: any) {
   await store.dispatch("user/updateCurrentProductStore", productStore)
 }
 
-function updateScrollingAnimationPreference() {
+function updateScrollingAnimationPreference(event: any) {
+  event.stopImmediatePropagation();
+
   store.dispatch("user/updateScrollingAnimationPreference", !isScrollingAnimationEnabled.value)
 }