fix: TabPane animated display not correct

react-component · Jul 8, 2020 · 597f6ad · 597f6ad
1 parent b075c73
commit 597f6ad
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/TabPanelList/index.tsx b/src/TabPanelList/index.tsx
@@ -31,7 +31,11 @@ export default function TabPanelList({
         className={classNames(`${prefixCls}-content`, `${prefixCls}-content-${tabPosition}`, {
           [`${prefixCls}-content-animated`]: tabPaneAnimated,
         })}
-        style={activeIndex ? { [rtl ? 'marginRight' : 'marginLeft']: `-${activeIndex}00%` } : null}
+        style={
+          activeIndex && tabPaneAnimated
+            ? { [rtl ? 'marginRight' : 'marginLeft']: `-${activeIndex}00%` }
+            : null
+        }
       >
         {tabs.map(tab => {
           return React.cloneElement(tab.node, {

diff --git a/tests/__snapshots__/index.test.tsx.snap b/tests/__snapshots__/index.test.tsx.snap
@@ -85,7 +85,6 @@ exports[`Tabs.Basic Normal 1`] = `
   >
     <div
       class="rc-tabs-content rc-tabs-content-top"
-      style="margin-left: -100%;"
     >
       <div
         aria-hidden="true"
-Original file line number
+Diff line change
@@ Expand Up / @@ -85,7 +85,6 @@ exports[`Tabs.Basic Normal 1`] = ` @@
       >
         <div
           class="rc-tabs-content rc-tabs-content-top"
-          style="margin-left: -100%;"
         >
           <div
             aria-hidden="true"
@@ Expand Down @@