When changing this value on mobile, it shows a regular keyboard. When using "input type=number" it shows a nice numeric keyboard on Mobile, but on desktop it changes into a weird unstyled text with up and down buttons, which takes up waay too much space. Adding an inputmode=numeric is a nice way to have the great "input type=text" behavior on desktop, but signals to the (mobile) browser that a number is expected, so a numeric keyboard is shown.
ubershmekel
commented
1 year ago
When changing this value on mobile, it shows a regular keyboard. When using "input type=number" it shows a nice numeric keyboard on Mobile, but on desktop it changes into a weird unstyled text with up and down buttons, which takes up waay too much space. Adding an inputmode=numeric is a nice way to have the great "input type=text" behavior on desktop, but signals to the (mobile) browser that a number is expected, so a numeric keyboard is shown.
See https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/