rc-tabs - npm Package Compare versions

Comparing version 11.3.2 to 11.4.0

es/TabPanelList/index.js

@@ -25,3 +25,3 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
     className: classNames("".concat(prefixCls, "-content"), "".concat(prefixCls, "-content-").concat(tabPosition), _defineProperty({}, "".concat(prefixCls, "-content-animated"), tabPaneAnimated)),
-    style: tabPaneAnimated ? _defineProperty({}, rtl ? 'marginRight' : 'marginLeft', "-".concat(activeIndex, "00%")) : null
+    style: _defineProperty({}, rtl ? 'marginRight' : 'marginLeft', "-".concat(activeIndex, "00%"))
   }, tabs.map(function (tab) {
@@ -28,0 +28,0 @@ return React.cloneElement(tab.node, {

es/TabPanelList/TabPane.js

@@ -37,6 +37,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
   if (!active) {
-    if (animated) {
-      mergedStyle.visibility = 'hidden';
-    } else {
-      mergedStyle.display = 'none';
+    mergedStyle.visibility = 'hidden';
+
+    if (!animated) {
+      mergedStyle.height = 0;
+      mergedStyle.overflowY = 'hidden';
     }
@@ -43,0 +44,0 @@ }

lib/TabPanelList/index.js

@@ -40,3 +40,3 @@ "use strict";
     className: (0, _classnames.default)("".concat(prefixCls, "-content"), "".concat(prefixCls, "-content-").concat(tabPosition), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-content-animated"), tabPaneAnimated)),
-    style: tabPaneAnimated ? (0, _defineProperty2.default)({}, rtl ? 'marginRight' : 'marginLeft', "-".concat(activeIndex, "00%")) : null
+    style: (0, _defineProperty2.default)({}, rtl ? 'marginRight' : 'marginLeft', "-".concat(activeIndex, "00%"))
   }, tabs.map(function (tab) {
@@ -43,0 +43,0 @@ return React.cloneElement(tab.node, {

lib/TabPanelList/TabPane.js

@@ -51,6 +51,7 @@ "use strict";
   if (!active) {
-    if (animated) {
-      mergedStyle.visibility = 'hidden';
-    } else {
-      mergedStyle.display = 'none';
+    mergedStyle.visibility = 'hidden';
+
+    if (!animated) {
+      mergedStyle.height = 0;
+      mergedStyle.overflowY = 'hidden';
     }
@@ -57,0 +58,0 @@ }

package.json

 {
   "name": "rc-tabs",
-  "version": "11.3.2",
+  "version": "11.4.0",
   "description": "tabs ui component for react",
@@ -5,0 +5,0 @@ "engines": {

No alert changes

Worsened metrics

Total package byte prevSize

135571

-0.01%

No dependency changes