Fix accordion animation

facebookresearch · Jul 26, 2024 · 5b09595 · 5b09595
1 parent f957e47
commit 5b09595
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Accordion.jsx b/src/components/Accordion.jsx
@@ -20,11 +20,11 @@ const itemButtonclass = [
 
 export const AccordionItem = ({ children, title, id, onSelect, isSelected }) => {
     const contentClasses = [
-        isSelected ? '' : 'max-h-0',        
+        isSelected ? 'max-h-inf' : 'max-h-0',        
         'overflow-hidden',
         'transition-all',
         'ease-in-out',
-        'duration-500'
+        'duration-500',
     ]
 
     const iconClasses = [

diff --git a/src/index.css b/src/index.css
@@ -1,3 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.max-h-inf {
+    max-height: 10000px;
+}