From c65fa1f9ac79d12f6249724add9b9a0ecd612e90 Mon Sep 17 00:00:00 2001
From: im36-123 <shota.takata@smarthr.co.jp>
Date: Fri, 8 Nov 2019 12:55:15 +0900
Subject: [PATCH] fix: Fixed a bug that did not animate when using firefox

---
 src/components/AccordionPanel/AccordionPanelContent.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/AccordionPanel/AccordionPanelContent.tsx b/src/components/AccordionPanel/AccordionPanelContent.tsx
index fb110c8fd7..87e49e8bc7 100644
--- 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,