diff --git a/changelog.txt b/changelog.txt index 5671cabb..c3d0bb4e 100644 --- a/changelog.txt +++ b/changelog.txt @@ -1,3 +1,6 @@ +Version 1.6.3 - xth April, 2025 +- Fix - Resolved an issue where the Accordion component's content was not properly visible when expanded due to overflow hidden. + Version 1.6.2 - 14th April, 2025 - Improvement - Enhanced the LineChart component by refining the line type and optimizing the spacing between tooltip contents for better clarity and visual appeal. - Fix - Resolved an issue in the EditorInput component where incorrect options were displayed due to a mismanaged global cache variable. diff --git a/src/components/accordion/accordion.tsx b/src/components/accordion/accordion.tsx index 467a6467..067bff31 100644 --- a/src/components/accordion/accordion.tsx +++ b/src/components/accordion/accordion.tsx @@ -218,8 +218,21 @@ export const AccordionContent = ( { className, }: AccordionContentProps ) => { const contentVariants = { - open: { height: 'auto', opacity: 1 }, - closed: { height: 0, opacity: 0 }, + open: { + height: 'auto', + opacity: 1, + overflow: 'unset', + transition: { + overflow: { + delay: 1, + }, + }, + }, + closed: { + height: 0, + opacity: 0, + overflow: 'hidden', + }, }; const contentPaddingClasses = { @@ -239,7 +252,7 @@ export const AccordionContent = ( { exit="closed" transition={ { duration: 0.3, ease: 'easeInOut' } } className={ cn( - 'overflow-hidden text-text-secondary w-full text-sm transition-[height, opacity, transform] ease-in box-border', + 'text-text-secondary w-full text-sm transition-[height, opacity, transform] ease-in box-border', disabled && 'opacity-40', className ) }