fix: activeChange resize

react-component · May 28, 2020 · 2de19e2 · 2de19e2 · vercel · May 28, 2020
1 parent d5ab530
commit 2de19e2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/assets/index.less b/assets/index.less
@@ -67,6 +67,7 @@
     outline: none;
     cursor: pointer;
     position: relative;
+    font-weight: lighter;
 
     &-with-remove {
       padding-right: 32px;
@@ -86,6 +87,11 @@
     &:focus {
       background: rgba(0, 0, 255, 0.1);
     }
+
+    &-active {
+      padding-left: 30px;
+      font-weight: bolder;
+    }
   }
 
   &-ink-bar {

diff --git a/src/TabNavList/index.tsx b/src/TabNavList/index.tsx
@@ -339,7 +339,7 @@ function TabNavList(props: TabNavListProps, ref: React.Ref<HTMLDivElement>) {
   // Should recalculate when rtl changed
   useEffect(() => {
     onListHolderResize();
-  }, [rtl, tabBarGutter]);
+  }, [rtl, tabBarGutter, activeKey]);
 
   // ========================= Render ========================
   const hasDropdown = !!hiddenTabs.length;