From 41a3df7481264d34cf7caa75510e22f5e6c2c49a Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 3 Jun 2026 17:07:42 +0200
Subject: [PATCH] =?UTF-8?q?fix(ui)=20:=20checkbox=20internes=20de=20Select?=
 =?UTF-8?q?Checkbox=20sans=20espace=20message=20r=C3=A9serv=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Les options du dropdown (et le « tout sélectionner ») passaient reserveMessageSpace
par défaut → chaque ligne réservait un min-h-[1rem] inutile, d'où le gros espacement.
On force :reserve-message-space=false sur ces Checkbox internes.
Retire aussi la carte de démo playground hors-sujet.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../pages/composant/select/selectCheckbox.vue | 32 -------------------
 .../malio/select/SelectCheckbox.vue           |  2 ++
 2 files changed, 2 insertions(+), 32 deletions(-)

diff --git a/.playground/pages/composant/select/selectCheckbox.vue b/.playground/pages/composant/select/selectCheckbox.vue
index 2b5760a..f9e1a77 100644
--- a/.playground/pages/composant/select/selectCheckbox.vue
+++ b/.playground/pages/composant/select/selectCheckbox.vue
@@ -168,36 +168,6 @@
       />
     </div>
 
-    <div class="rounded-lg border p-4 md:col-span-2">
-      <h2 class="mb-1 text-xl font-bold">Espace message : reserveMessageSpace</h2>
-      <p class="mb-4 text-sm text-m-muted">
-        A gauche : defaut (true) — la ligne message reste reservee sous le champ.
-        A droite : <code>:reserve-message-space="false"</code> — pas de reserve, le bloc suivant colle au champ.
-      </p>
-      <div class="grid grid-cols-1 gap-6 md:grid-cols-2">
-        <div>
-          <p class="mb-1 text-xs font-semibold">Defaut (reserve)</p>
-          <MalioSelectCheckbox
-            v-model="reserveDefaultValue"
-            :options="options"
-            label="Pays"
-            empty-option-label="Aucune selection"
-          />
-          <div class="rounded bg-m-muted/20 p-2 text-xs">Bloc suivant</div>
-        </div>
-        <div>
-          <p class="mb-1 text-xs font-semibold">reserve-message-space = false</p>
-          <MalioSelectCheckbox
-            v-model="reserveOffValue"
-            :options="options"
-            label="Pays"
-            empty-option-label="Aucune selection"
-            :reserve-message-space="false"
-          />
-          <div class="rounded bg-m-muted/20 p-2 text-xs">Bloc suivant</div>
-        </div>
-      </div>
-    </div>
   </div>
 </template>
 
@@ -245,6 +215,4 @@ const longListValue = ref<Array<string | number>>([])
 const bottomValue = ref<Array<string | number>>([])
 const readonlyEmptyValue = ref<Array<string | number>>([])
 const readonlyFilledValue = ref<Array<string | number>>(['fr'])
-const reserveDefaultValue = ref<Array<string | number>>([])
-const reserveOffValue = ref<Array<string | number>>([])
 </script>
diff --git a/app/components/malio/select/SelectCheckbox.vue b/app/components/malio/select/SelectCheckbox.vue
index 3c33262..db819e1 100644
--- a/app/components/malio/select/SelectCheckbox.vue
+++ b/app/components/malio/select/SelectCheckbox.vue
@@ -184,6 +184,7 @@
           group-class="!mt-0"
           label-class="option-checkbox w-full cursor-pointer font-semibold"
           tabindex="-1"
+          :reserve-message-space="false"
           @update:model-value="toggleAll"
         />
       </li>
@@ -209,6 +210,7 @@
           group-class="!mt-0"
           label-class="option-checkbox w-full cursor-pointer"
           tabindex="-1"
+          :reserve-message-space="false"
           @update:model-value="toggleOption(opt.value)"
         />
       </li>