disabling scroll and arrow up down key in input type number

[verbal forge]

fascinating how non-nextjs-related questions are still being posted here. anyway. on your screenshot it already looks like there are no arrows. what are you talking about then? you want these or not?

this will most likely answer your question;

https://aguidehub.com/blog/how-to-hide-arrows-from-input-number-in-react/#:~:text=To hide arrows from input number%2C put the App.,hide arrows from input number.

googling is so easy these days..

[midnight cave]

I have already hid the arrows, when the input is selected, I want to disable the scroll button, arrow up and down keys, so that the value doesn't change