fix(EAV-555): make prompter animations compatible with bootstrap

ianshade · ianshade · commit 02b3559339f6 · 2025-04-16T16:05:24.000+02:00
this will help us avoid surprises in release53 (see: Sofie-Automation#1429)
diff --git a/packages/webui/src/client/ui/Prompter/PrompterView.tsx b/packages/webui/src/client/ui/Prompter/PrompterView.tsx
@@ -367,7 +367,7 @@ export class PrompterViewContent extends React.Component<Translated<IProps & ITr
 		this._lastAnimation = animate(window.scrollY, scrollToPosition, {
 			duration: 0.4,
 			ease: 'easeOut',
-			onUpdate: (latest) => window.scrollTo(0, latest),
+			onUpdate: (latest) => window.scrollTo({ left: 0, top: latest, behavior: 'instant' }),
 		})
 	}
 	listAnchorPositions(startY: number, endY: number, sortDirection = 1): [number, Element][] {

Original file line number	Diff line number	Diff line change
`@@ -367,7 +367,7 @@ export class PrompterViewContent extends React.Component<Translated<IProps & ITr`
`367`	`367`	`this._lastAnimation = animate(window.scrollY, scrollToPosition, {`
`368`	`368`	`duration: 0.4,`
`369`	`369`	`ease: 'easeOut',`
`370`		`- onUpdate: (latest) => window.scrollTo(0, latest),`
	`370`	`+ onUpdate: (latest) => window.scrollTo({ left: 0, top: latest, behavior: 'instant' }),`
`371`	`371`	`})`
`372`	`372`	`}`
`373`	`373`	`listAnchorPositions(startY: number, endY: number, sortDirection = 1): [number, Element][] {`