-
Notifications
You must be signed in to change notification settings - Fork 3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Change Enter to Done on mobile #207
Conversation
This pull request is being automatically deployed with Vercel (learn more). eligibility-estimator – ./🔍 Inspect: https://vercel.com/eligibility-estimator/eligibility-estimator/529og4PuyumAmHqLntaMa9QedzP4 |
This reverts commit 30bab0d. # Conflicts: # components/Forms/CurrencyField.tsx # components/Forms/NumberField.tsx
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Squash and 🚢
On mobile, during user testing we saw users press the Enter button after they enter an age or an income. Previously, this would result in submitting the form, which would either fill the page with "this field is required" errors, or abruptly bring them to the results page. Now, the user's keyboard will be updated with a "done" button (a checkmark on Android), and pressing it will hide the keyboard rather than submitting the form.
The below screenshots show the difference in the keyboard's Enter button:
Before:
![](https://user-images.githubusercontent.com/3630698/156444228-53faa46f-e107-41e4-a9d2-90d86e678ff8.png)
After:
![](https://user-images.githubusercontent.com/3630698/156444217-314f3add-ed57-4918-a9eb-29af1fb26ada.png)