diff --git a/src/renderer/components/dock/dock-tabs.tsx b/src/renderer/components/dock/dock-tabs.tsx index 70568da0f7..1b90766489 100644 --- a/src/renderer/components/dock/dock-tabs.tsx +++ b/src/renderer/components/dock/dock-tabs.tsx @@ -27,7 +27,7 @@ export const DockTabs = ({ tabs, autoFocus, selectedTab, onChangeTab }: Props) = const scrollStep = 200; const scrollToRight = (): void => { - if(!elem) return; + if(!elem || scrollPosition + scrollStep > contentWidth) return; const scroll = scrollPosition + scrollStep; setScrollPosition(scroll); @@ -35,7 +35,6 @@ export const DockTabs = ({ tabs, autoFocus, selectedTab, onChangeTab }: Props) = elem.current.scrollLeft = scroll; }; - const scrollToLeft = (): void => { if(!elem) return; const scroll = scrollPosition - scrollStep; @@ -57,7 +56,7 @@ export const DockTabs = ({ tabs, autoFocus, selectedTab, onChangeTab }: Props) = return scrollPosition > scrollStep; }; - const updateScrollPosition = ( evt: UIEvent) => { + const updateScrollPosition = ( evt: UIEvent): void => { const position = evt.currentTarget.scrollLeft; if (position!== undefined) { @@ -65,7 +64,7 @@ export const DockTabs = ({ tabs, autoFocus, selectedTab, onChangeTab }: Props) = } }; - const onWindowResize = () => { + const onWindowResize = (): void => { if(!elem || !contentElem) return; setContentWidth(contentElem.current.clientWidth); @@ -108,7 +107,7 @@ export const DockTabs = ({ tabs, autoFocus, selectedTab, onChangeTab }: Props) = }, []); return ( -
+
{isScrollableLeft() && (