refactor: optimize height handling in Publications component for bett…

…er performance
mirsazzathossain · Dec 1, 2024 · 4b5d895 · 4b5d895
1 parent 3737f9b
commit 4b5d895
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/app/Publications.tsx b/app/Publications.tsx
@@ -29,12 +29,11 @@ export default function Publications({
               <div
                 key={index}
                 className={
-                  (isExpanded ? " h-auto" : " h-0") +
-                  " overflow-hidden transition-height ease-in-out duration-[400ms]"
+                  "h-0 overflow-hidden transition-height ease-in-out duration-[400ms]"
                 }
                 ref={parentRef as any}
                 style={{
-                  height: isExpanded ? "auto" : "0px",
+                  height: isExpanded ? parentRef.current.clientHeight : 0,
                 }}
               >
                 <PublicationCard key={index} publication={publication} />