c28e0d15b6
The default behavior of Data Driven Forms when moving to the previous or next step is to maintain focus on the previous or next button, respectively. This commit makes the UI more friendly to keyboard users by focusing on the first input element of a given step when it is rendered. Whenever possible, autofocus is achieved by passing components the autoFocus prop. When this is not possible, then useRef and useEffect hooks are used to set focus. At the moment, it is not possible to autofocus the image output step's release selector or the file system configuration step's toggle using the above methods. This is because these PatternFly components do not currently pass props to the appropriate child component and do not support ref forwarding. The best option for autofocus in these cases is currently being investigated. |
||
|---|---|---|
| .. | ||
| aws.js | ||
| details.js | ||
| fileSystemConfiguration.js | ||
| googleCloud.js | ||
| imageOutput.js | ||
| imageOutputStepMapper.js | ||
| index.js | ||
| msAzure.js | ||
| packages.js | ||
| registration.js | ||
| review.js | ||
| stepTemplate.js | ||