fix: Fixed a bug that did not animate when using firefox

kufu · Nov 8, 2019 · c65fa1f · c65fa1f
1 parent 3861673
commit c65fa1f
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/AccordionPanel/AccordionPanelContent.tsx b/src/components/AccordionPanel/AccordionPanelContent.tsx
@@ -40,6 +40,14 @@ const AccordionPanelContentComponent: React.FC<Props & InjectedProps> = ({
     [wrapperRef],
   )
 
+  const handleExiting = useCallback(
+    (node: HTMLElement) => {
+      const wrapperHeight = wrapperRef.current ? wrapperRef.current.clientHeight : 0
+      node.style.height = `${wrapperHeight}px`
+    },
+    [wrapperRef],
+  )
+
   const handleExited = (node: HTMLElement) => {
     node.style.height = '0px'
   }
@@ -50,6 +58,7 @@ const AccordionPanelContentComponent: React.FC<Props & InjectedProps> = ({
       onEntering={handleEntering}
       onEntered={handleEnterd}
       onExit={handleExit}
+      onExiting={handleExiting}
       onExited={handleExited}
       timeout={{
         enter: 300,