From 9f1f2eb9f7fc98bf2c6062679343248d830a0189 Mon Sep 17 00:00:00 2001
From: nileshgulia1 <nileshgulia@gmail.com>
Date: Mon, 27 Sep 2021 22:47:57 +0530
Subject: [PATCH] correctly wrap the children into animate-height

---
 .../manage/Blocks/Accordion/AccordionEdit.jsx    | 16 ++++++++--------
 src/components/manage/Blocks/Accordion/View.jsx  | 16 ++++++++--------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/manage/Blocks/Accordion/AccordionEdit.jsx b/src/components/manage/Blocks/Accordion/AccordionEdit.jsx
index 8e916d7..20cf9ab 100644
--- a/src/components/manage/Blocks/Accordion/AccordionEdit.jsx
+++ b/src/components/manage/Blocks/Accordion/AccordionEdit.jsx
@@ -94,15 +94,15 @@ export default (props) => {
             <span>{panel?.title}</span>
           )}
         </Accordion.Title>
-        <Accordion.Content active={isExclusive(index)}>
-          <AnimateHeight
-            animateOpacity
-            duration={500}
-            height={isExclusive(index) ? 'auto' : 0}
-          >
+        <AnimateHeight
+          animateOpacity
+          duration={500}
+          height={isExclusive(index) ? 'auto' : 0}
+        >
+          <Accordion.Content active={isExclusive(index)}>
             {children}
-          </AnimateHeight>
-        </Accordion.Content>
+          </Accordion.Content>
+        </AnimateHeight>
       </React.Fragment>
     </Accordion>
   );
diff --git a/src/components/manage/Blocks/Accordion/View.jsx b/src/components/manage/Blocks/Accordion/View.jsx
index 16948d5..ddc3e30 100644
--- a/src/components/manage/Blocks/Accordion/View.jsx
+++ b/src/components/manage/Blocks/Accordion/View.jsx
@@ -80,19 +80,19 @@ const View = (props) => {
                 )}
                 <span>{panel?.title}</span>
               </Accordion.Title>
-              <Accordion.Content active={isExclusive(index)}>
-                <AnimateHeight
-                  animateOpacity
-                  duration={500}
-                  height={isExclusive(index) ? 'auto' : 0}
-                >
+              <AnimateHeight
+                animateOpacity
+                duration={500}
+                height={isExclusive(index) ? 'auto' : 0}
+              >
+                <Accordion.Content active={isExclusive(index)}>
                   <RenderBlocks
                     {...props}
                     metadata={metadata}
                     content={panel}
                   />
-                </AnimateHeight>
-              </Accordion.Content>
+                </Accordion.Content>
+              </AnimateHeight>
             </React.Fragment>
           </Accordion>
         ) : null;