fix(components): [tabs] prevent scroll tab into view after focusing it (element-plus#9990)

makedopamine · web-flow · commit 268d87a03bbf · 2022-10-04T09:51:57.000+08:00
closed element-plus#9980
diff --git a/packages/components/tabs/src/tab-nav.tsx b/packages/components/tabs/src/tab-nav.tsx
@@ -233,7 +233,7 @@ const TabNav = defineComponent({
           nextIndex = 0
         }
       }
-      tabList[nextIndex].focus() // 改变焦点元素
+      tabList[nextIndex].focus({ preventScroll: true }) // 改变焦点元素
       tabList[nextIndex].click() // 选中下一个tab
       setFocus()
     }

Original file line number	Diff line number	Diff line change
`@@ -233,7 +233,7 @@ const TabNav = defineComponent({`
`233`	`233`	`nextIndex = 0`
`234`	`234`	`}`
`235`	`235`	`}`
`236`		`- tabList[nextIndex].focus() // 改变焦点元素`
	`236`	`+ tabList[nextIndex].focus({ preventScroll: true }) // 改变焦点元素`
`237`	`237`	`tabList[nextIndex].click() // 选中下一个tab`
`238`	`238`	`setFocus()`
`239`	`239`	`}`