-
Notifications
You must be signed in to change notification settings - Fork 7
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
Add first Activity Report fields #120
Conversation
* Stepper is removed for now. We will need to support out of order form entry, which the stepper doesn't support (and can't easily be updated to do so)
* Add skip link * Add navigation landmark * Activity report has proper heading structure
First activity report fields
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.
Good work. The questions about accessibility of the date picker and using the legend
tag can be dealt with when working on #90
<div className="usa-hint" id={hintId}>mm/dd/yyyy</div> | ||
<Controller | ||
render={({ onChange, value }) => ( | ||
<ReactDatePicker |
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.
I was having a little bit of trouble with keyboard navigation of this component. I was able to get dates input, but it definitely wasn't clean.
Are there any known issues with it or known ways to improve the keyboard behavior?
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.
After playing around with it a bit it seems like there are ways to make the keyboard navigation nicer. Specifically the <Controller />
wrapper seems to mess with the navigation. If I use the straight <ReactDatePicker />
component I'm able to select dates easier with the keyboard.
…back Saving an activity report feedback
Description of change
Kept the form split into separate files even though they all show on the same page to help with readability.
Limitations
How to test
Issue(s)
Checklist