From d41a05d367b6d7d1fd8f77105aa7d7f91f740fe7 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Wed, 1 Oct 2025 12:51:17 +0200
Subject: [PATCH] multiselect : leave compare mode ok

---
 src/components/Selector.vue                          | 12 +++++++++---
 .../project/virtual-sample/Interactive360.vue        |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/Selector.vue b/src/components/Selector.vue
index 81a3914..9643958 100644
--- a/src/components/Selector.vue
+++ b/src/components/Selector.vue
@@ -44,7 +44,7 @@
         <p v-if="currentValue">
           {{ currentValue.title }}
         </p>
-        <p v-else>Selectionnez une déclinaison</p>
+        <p v-else>Sélectionnez une déclinaison</p>
       </template>
 
       <template #option="slotProps">
@@ -94,7 +94,13 @@ watch(
   () => isCompareModeEnabled,
   (newValue) => {
     if (newValue) {
-      currentValue.value = currentValue.value ? [currentValue.value] : null;
+      if (currentValue.value && !Array.isArray(currentValue.value)) {
+        currentValue.value = [currentValue.value];
+      }
+    } else {
+      if (Array.isArray(currentValue.value)) {
+        currentValue.value = currentValue.value[0] || null;
+      }
     }
   }
 );
@@ -111,7 +117,7 @@ watch(currentValue, (newValue) => {
 watch(
   activeTracks,
   (newValue) => {
-    if (!isCompareModeEnabled) return;
+    if (!isCompareModeEnabled || !currentValue.value) return;
 
     currentValue.value.forEach((item) => {
       if (!newValue.includes(item)) {
diff --git a/src/components/project/virtual-sample/Interactive360.vue b/src/components/project/virtual-sample/Interactive360.vue
index 70f41ea..194f39f 100644
--- a/src/components/project/virtual-sample/Interactive360.vue
+++ b/src/components/project/virtual-sample/Interactive360.vue
@@ -2,7 +2,7 @@
   <figure :style="'--bg-color:' + activeTrack.backgroundColor">
     <div
       @mousedown="enableDragToRotate"
-      @touchstart="enableDragToRotate"
+      @touchstart.passive="enableDragToRotate"
       class="drag-zone"
       :class="{ grabbing: isDragToRotateEnabled }"
     ></div>