fix: Tab View - scrollable + activeIndex should scroll to header item, Fixes #8259

mertsincan · mertsincan · commit ffd3b5cfd348 · 2025-09-01T09:47:49.000+01:00
diff --git a/components/lib/tabview/TabView.js b/components/lib/tabview/TabView.js
@@ -308,6 +308,9 @@ export const TabView = React.forwardRef((inProps, ref) => {
         if (!idState) {
             setIdState(UniqueComponentId());
         }
+
+        contentRef.current.style.scrollPaddingInline = Math.max(DomHandler.getWidth(prevBtnRef.current), DomHandler.getWidth(nextBtnRef.current), 0) + 'px';
+        updateScrollBar({ index: props.activeIndex });
     });
 
     useUpdateEffect(() => {

Original file line number	Diff line number	Diff line change
`@@ -308,6 +308,9 @@ export const TabView = React.forwardRef((inProps, ref) => {`
`308`	`308`	`if (!idState) {`
`309`	`309`	`setIdState(UniqueComponentId());`
`310`	`310`	`}`
	`311`	`+`
	`312`	`+ contentRef.current.style.scrollPaddingInline = Math.max(DomHandler.getWidth(prevBtnRef.current), DomHandler.getWidth(nextBtnRef.current), 0) + 'px';`
	`313`	`+ updateScrollBar({ index: props.activeIndex });`
`311`	`314`	`});`
`312`	`315`
`313`	`316`	`useUpdateEffect(() => {`