From 6d3122a0b83931ea13924b6999c41e4618f68365 Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Fri, 19 Jun 2026 12:02:56 +0200
Subject: [PATCH] =?UTF-8?q?fix(transport)=20:=20immatriculations=20LIOT=20?=
 =?UTF-8?q?=E2=80=94=20re-synchronise=20le=20champ=20apr=C3=A8s=20filtrage?=
 =?UTF-8?q?=20(:key)=20pour=20ne=20plus=20afficher=20les=20caract=C3=A8res?=
 =?UTF-8?q?=20interdits=20(ERP-193)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../transport/pages/carriers/[id]/edit.vue      | 17 ++++++++++++++++-
 .../modules/transport/pages/carriers/new.vue    | 17 ++++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/frontend/modules/transport/pages/carriers/[id]/edit.vue b/frontend/modules/transport/pages/carriers/[id]/edit.vue
index 0ab84ac..6d7256b 100644
--- a/frontend/modules/transport/pages/carriers/[id]/edit.vue
+++ b/frontend/modules/transport/pages/carriers/[id]/edit.vue
@@ -30,8 +30,9 @@
                      MalioInputText (inheritAttrs:false) renvoie `class` sur l'input. -->
                 <div v-if="isLiot" class="col-span-2 xl:col-span-3">
                     <MalioInputText
+                        :key="liotPlatesKey"
                         :model-value="main.liotPlates"
-                        @update:model-value="(v: string) => main.liotPlates = sanitizeLiotPlates(v)"
+                        @update:model-value="onLiotPlatesInput"
                         :label="t('transport.carriers.form.main.liotPlates')"
                         :hint="t('transport.carriers.form.main.liotPlatesHint')"
                         :required="true"
@@ -370,6 +371,20 @@ function onIndexationInput(value: string): void {
     }
 }
 
+// Immatriculations LIOT : la clé force le ré-affichage quand le filtrage laisse le
+// modelValue inchangé (ex: caractère interdit seul tapé) — sinon le DOM garderait
+// le caractère parasite alors que le modèle est déjà propre.
+const liotPlatesKey = ref(0)
+
+/** Saisie des immatriculations LIOT : filtre la saisie et re-synchronise si filtré. */
+function onLiotPlatesInput(value: string): void {
+    const clean = sanitizeLiotPlates(value)
+    main.liotPlates = clean
+    if (clean !== value) {
+        liotPlatesKey.value += 1
+    }
+}
+
 function goBack(): void {
     router.push(`/carriers/${carrierId}`)
 }
diff --git a/frontend/modules/transport/pages/carriers/new.vue b/frontend/modules/transport/pages/carriers/new.vue
index 3688caf..108d9c8 100644
--- a/frontend/modules/transport/pages/carriers/new.vue
+++ b/frontend/modules/transport/pages/carriers/new.vue
@@ -33,8 +33,9 @@
                  `class` sur l'input interne, pas sur la cellule de grille. -->
             <div v-if="isLiot" class="col-span-2 xl:col-span-3">
                 <MalioInputText
+                    :key="liotPlatesKey"
                     :model-value="main.liotPlates"
-                    @update:model-value="(v: string) => main.liotPlates = sanitizeLiotPlates(v)"
+                    @update:model-value="onLiotPlatesInput"
                     :label="t('transport.carriers.form.main.liotPlates')"
                     :hint="t('transport.carriers.form.main.liotPlatesHint')"
                     :required="true"
@@ -579,6 +580,20 @@ function onIndexationInput(value: string): void {
     }
 }
 
+// Immatriculations LIOT : la clé force le ré-affichage quand le filtrage laisse le
+// modelValue inchangé (ex: caractère interdit seul tapé) — sinon le DOM garderait
+// le caractère parasite alors que le modèle est déjà propre.
+const liotPlatesKey = ref(0)
+
+/** Saisie des immatriculations LIOT : filtre la saisie et re-synchronise si filtré. */
+function onLiotPlatesInput(value: string): void {
+    const clean = sanitizeLiotPlates(value)
+    main.liotPlates = clean
+    if (clean !== value) {
+        liotPlatesKey.value += 1
+    }
+}
+
 /** Retour vers le repertoire transporteurs (fleche d'en-tete). */
 function goBack(): void {
     router.push('/carriers')