Hide dropdown menu instead of removing it from DOM

Note: no more smooth transition after this change
DISIC · Dec 18, 2024 · 856267f · 856267f
1 parent cc47f30
commit 856267f
Showing 1 changed file with 11 additions and 13 deletions.
diff --git 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>