Disable ArrowDown/ArrowUp key handlers when focusing input

So, basically issue with any form I have on page using LocomotiveScroll.

When I am focused in any input, and I press arrow keys (for example to pick something from autocomplete), the page scrolls.

Is there any way to disable this behavior?

I tried the following, which kind of works, but I really do not like the idea for hacking it by using setTimeout (element is my input wrapper that I am selecting elsewhere, locomotive is globally defined)

let keydownHandler = (e) => {
	if(e.code === "ArrowDown" || e.code === "ArrowUp") {
		locomotive.stop();
                setTimeout(()=>{
                    locomotive.start();
                },1);
	}
}

element.querySelector("input").addEventListener("focus", () => {
	document.addEventListener("keydown",keydownHandler,false);
});
element.querySelector("input").addEventListener("blur", () => {
	document.removeEventListener("keydown",keydownHandler,false);
	locomotive.start();
});

[saidMounaim]

you can disabled Autocomplete from form html by add autocomplete=“off” onto form element

[saidMounaim]

let keydownHandler = (e) => { if(e.code === "ArrowDown" || e.code === "ArrowUp") { locomotive.update(); } }