From 9a901bd4c7fb05937adde3c2cb147bc6169267e6 Mon Sep 17 00:00:00 2001
From: Yaacov <yaacov@goodimpact.studio>
Date: Wed, 18 Dec 2024 18:38:21 +0100
Subject: [PATCH] Hide dropdown menu instead of removing it from DOM (#881)

* Hide dropdown menu instead of removing it from DOM

Note: no more smooth transition after this change

* Update CHANGELOG
---
 CHANGELOG.md                                  |  1 +
 .../src/components/ui/Dropdown.vue            | 24 +++++++++----------
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 68b67dff8..ca0a81b3f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@ Tous les changements notables de Ara sont documentés ici avec leur date, leur c
 
 ### Corrections 🐛
 
+- Corrige les menus déroulants en rendant le code HTML généré valide ([#881](https://github.com/DISIC/Ara/pull/881))
 - Corrige la mauvaise position verticale dans la page après utilisation des ancres « Pages » du rapport ([#879](https://github.com/DISIC/Ara/pull/879))
 
 ## 13/12/2024
diff --git a/confiture-web-app/src/components/ui/Dropdown.vue b/confiture-web-app/src/components/ui/Dropdown.vue
index 927414421..cd8f048cb 100644
--- a/confiture-web-app/src/components/ui/Dropdown.vue
+++ b/confiture-web-app/src/components/ui/Dropdown.vue
@@ -85,19 +85,17 @@ defineExpose({ buttonRef, closeOptions });
     >
       {{ title }}
     </button>
-    <Transition>
-      <div
-        v-if="showContent"
-        :id="`dropdown-${uniqueId}`"
-        :class="[
-          'fr-p-2w dropdown-content',
-          { 'dropdown-content-left': alignLeft }
-        ]"
-        role="menu"
-      >
-        <slot />
-      </div>
-    </Transition>
+    <div
+      :id="`dropdown-${uniqueId}`"
+      :hidden="!showContent"
+      :class="[
+        'fr-p-2w dropdown-content',
+        { 'dropdown-content-left': alignLeft }
+      ]"
+      role="menu"
+    >
+      <slot />
+    </div>
   </div>
 </template>