correctly wrap the children into animate-height

eea · Sep 27, 2021 · 9f1f2eb · 9f1f2eb
1 parent 41a1fd4
commit 9f1f2eb
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git 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
@@ -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;