fix display:none issue

cypress-io · Dec 20, 2024 · cfac1e9 · cfac1e9
1 parent 37f2913
commit cfac1e9
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/frontend-shared/src/gql-components/topnav/TopNavList.vue b/packages/frontend-shared/src/gql-components/topnav/TopNavList.vue
@@ -23,10 +23,12 @@
       </div>
     </PopoverButton>
     <TransitionQuickFade>
+      <!-- instead of using 'hidden' class, we use 'h-0 w-0 overflow-hidden' due to -->
+      <!-- https://github.com/cypress-io/cypress-design/issues/517 -->
       <PopoverPanel
         static
         class="bg-white rounded shadow-dropdown top-[36px] right-0 z-10 absolute"
-        :class="(forceOpenState === true) || open ? '' : 'hidden'"
+        :class="(forceOpenState === true) || open ? '' : 'h-0 w-0 overflow-hidden'"
       >
         <ul
           v-if="variant !== 'panel'"