fix: cleanup pendingFirstStagetimeout

Author: olzzon

packages/webui/src/client/lib/viewPort.ts

@@ -190,13 +190,19 @@ function getElementToScrollTo(
 	return elementToScrollToOrSegmentId
 }
 
+let pendingFirstStageTimeout: NodeJS.Timeout | undefined
+
 async function innerScrollToSegment(
 	elementToScrollTo: HTMLElement,
 	forceScroll?: boolean,
 	noAnimation?: boolean,
 	secondStage?: boolean
 ): Promise<boolean> {
 	if (!secondStage) {
+		if (pendingFirstStageTimeout) {
+			clearTimeout(pendingFirstStageTimeout)
+			pendingFirstStageTimeout = undefined
+		}
 		currentScrollingElement = elementToScrollTo
 	} else if (secondStage && elementToScrollTo !== currentScrollingElement) {
 		throw new Error('Scroll overriden by another scroll')
@@ -223,7 +229,8 @@ async function innerScrollToSegment(
 				return new Promise<boolean>((resolve, reject) => {
 					if (!secondStage) {
 						//  Wait to settle 1 atemt to scroll
-						setTimeout(() => {
+						pendingFirstStageTimeout = setTimeout(() => {
+							pendingFirstStageTimeout = undefined
 							let { top, bottom } = elementToScrollTo.getBoundingClientRect()
 							top = Math.floor(top)
 							bottom = Math.floor(bottom)