#give-amount input[type=”tel”]

Hey @punkerben – it’s because on mobile when you focus on the field the number keyboard will be selected by default rather than the alphabetical keyboard. This speeds up the giving process and can lead to higher conversions. If you have a better method, I’m all ears. Thanks for your question!

OK, I can understand that for usability, in the end it functions the same just thought it was out of place. Not sure about all mobile devices but it’s worth looking into pattern Attribute:
<input type="number" pattern="[0-9]*" />

Interesting idea. I’ll have to look into that more, but do you know off hand if it opens the numerical keyboard if that pattern matches only numbers and allows commas and decimals?

Pattern=”[0-9]*” will display the numeric keyboard, on iOS anyway I have not tested on other devices.
https://bradfrost.com/blog/mobile/better-numerical-inputs-for-mobile-forms/
https://bradfrost.com/demo/tel/

I think adding step=”any” would allow for commas and decimals.

On iOS the comma and decimals are not on my keyboard.

@punkerben – that is interesting. I’ve opened an issue here: https://github.com/WordImpress/Give/issues/1310

We’ll do the proper testing and decide which one going forward.