fix: after bootstrap was added the scrollBy(x, y) was using smooth scroll. using scrollBy(top: y, behaviour: instant) solves that problem

Author: olzzon

packages/webui/src/client/ui/Prompter/PrompterView.tsx

@@ -808,6 +808,7 @@ const PrompterContent = withTranslation()(
 
 					window.scrollBy({
 						top: top - scrollAnchor.offset,
+						behavior: 'instant',
 					})
 					// We've scrolled, exit the function!
 					return
@@ -819,6 +820,7 @@ const PrompterContent = withTranslation()(
 					// the css margins magically does it for us.
 					window.scrollBy({
 						top: top - readPosition,
+						behavior: 'instant',
 					})
 					// We've scrolled, exit the function!
 					return

packages/webui/src/client/ui/Prompter/controller/joycon-device.ts

@@ -352,7 +352,7 @@ export class JoyConController extends ControllerAbstract {
 		const speed = this.calculateSpeed(joycons)
 
 		// update scroll position
-		window.scrollBy(0, speed)
+		window.scrollBy({ top: speed, behavior: 'instant' })
 
 		const scrollPosition = window.scrollY
 		// check for reached end-of-scroll:

packages/webui/src/client/ui/Prompter/controller/keyboard-device.ts

@@ -194,9 +194,9 @@ export class KeyboardController extends ControllerAbstract {
 				const speed = Math.round(this._currentSpeed)
 				if (speed === 0 && Math.abs(dp) < 100) {
 					// go directly to target position:
-					window.scrollBy(0, dp)
+					window.scrollBy({ top: dp, behavior: 'instant' })
 				} else {
-					window.scrollBy(0, speed)
+					window.scrollBy({ top: speed, behavior: 'instant' })
 				}
 
 				const scrollPosition = window.scrollY

packages/webui/src/client/ui/Prompter/controller/midi-pedal-device.ts

@@ -189,7 +189,7 @@ export class MidiPedalController extends ControllerAbstract {
 		if (this.updateSpeedHandle !== null) return
 
 		// update scroll position
-		window.scrollBy(0, this.lastSpeed)
+		window.scrollBy({ top: this.lastSpeed, behavior: 'instant' })
 
 		const scrollPosition = window.scrollY
 		// check for reached end-of-scroll:

packages/webui/src/client/ui/Prompter/controller/mouse-ish-device.ts

@@ -276,7 +276,7 @@ export class MouseIshController extends ControllerAbstract {
 			this._scrollRest = 0
 		}
 
-		window.scrollBy(0, speed)
+		window.scrollBy({ top: speed, behavior: 'instant' })
 
 		scrollPosition = window.scrollY
 

packages/webui/src/client/ui/Prompter/controller/shuttle-keyboard-device.ts

@@ -175,7 +175,7 @@ export class ShuttleKeyboardController extends ControllerAbstract {
 		if (this.updateSpeedHandle !== null) return
 
 		// update scroll position
-		window.scrollBy(0, this.lastSpeed)
+		window.scrollBy({ top: this.lastSpeed, behavior: 'instant' })
 
 		const scrollPosition = window.scrollY
 		// check for reached end-of-scroll:

packages/webui/src/client/ui/Prompter/controller/shuttle-webhid-device.ts

@@ -146,7 +146,7 @@ export class ShuttleWebHidController extends ControllerAbstract {
 		if (Math.abs(delta) > 1) return // this is a hack because sometimes, right after connecting to the device, the delta would be larger than 1 or -1
 
 		this.resetSpeed()
-		window.scrollBy(0, this.JOG_BASE_MOVEMENT_PX * delta)
+		window.scrollBy({ top: this.JOG_BASE_MOVEMENT_PX * delta, behavior: 'instant' })
 	}
 
 	protected onShuttle(value: number): void {
@@ -162,7 +162,7 @@ export class ShuttleWebHidController extends ControllerAbstract {
 		if (this.updateSpeedHandle !== null) return
 
 		if (this.lastSpeed !== 0) {
-			window.scrollBy(0, this.lastSpeed)
+			window.scrollBy({ top: this.lastSpeed, behavior: 'instant' })
 
 			const scrollPosition = window.scrollY
 			// check for reached end-of-scroll: