3 ms·
Nice work, I definitely appreciate the focus on simplicity/speed. I just signed up to check it out. I noticed on the invoice page, on mobile, the number inputs
by sbr464 8y ago
Nice work, I definitely appreciate the focus on simplicity/speed. I just signed up to check it out.
I noticed on the invoice page, on mobile, the number inputs (qty, price, etc) showed the full alpha keyboard on input. I think you can add a few attributes to optimize, without using JS also.
Great work, thanks for sharing.
This link has been helpful for me:
https://developers.google.com/web/fundamentals/design-and-ux/input/forms/ https://developers.google.com/web/fundamentals/design-and-ux...
- winduptoy 8y agoThank you! I had no idea that iOS required the pattern="\d" attribute. Those inputs require a decimal, so that pattern won't actually work (something like pattern="\d\.?\d*"). If I can get my hands on an iPhone to test that, I will deploy it shortly!
- sbr464 8y agoAwesome! Definitely a few hacks involved. I’ve seen different combinations of using pattern, type=number, step=“0.01” etc, but you may need support for longer decimals in qty/price. I’m always on the lookout for form best practices, but it’s definitely hard to stay up with all of the current trends. There are a few mobile preview tools, not sure which is currently best, for testing on different virtual devices: Google search: test site with iphone online