fleet/frontend/components/forms/RegistrationForm/AdminDetails
noahtalerman a6529cc5b0
Fix form field focus on setup pages (#2336)
- Using componentDidUpdate() to check for currentPage change in setup registration form. Initially tried adding `autofocus` prop to the first `<InputFieldWithIcon />` on each page. As seen in AdminDetails page. Didn't work. I believe React only pays attention to `autofocus` when the <input> is re-rendered.

- Calling focus() on page's first input  when currentPage changes and is true. Using refs callback

- Delaying focus by 300ms using setTimeout because the `.user-registration__field-wrapper` has a transition duration of 300ms. Setting the inputs focus immediately creates a snapping movement and ruins the smooth transition.

Fixes #936
2020-10-21 18:03:39 -07:00
..
AdminDetails.jsx Fix form field focus on setup pages (#2336) 2020-10-21 18:03:39 -07:00
AdminDetails.tests.jsx Client-side password validation (#1181) 2017-02-07 09:29:48 -05:00
helpers.js Client-side password validation (#1181) 2017-02-07 09:29:48 -05:00
index.js User registration (#453) 2016-11-16 11:58:25 -05:00