|
1234567891011121314151617181920212223242526272829303132333435 |
- # no-autofocus
-
- Enforce that autoFocus prop is not used on elements. Autofocusing elements can cause usability issues for sighted and non-sighted users, alike.
-
- #### References
- 1. [w3c](https://w3c.github.io/html/sec-forms.html#autofocusing-a-form-control-the-autofocus-attribute)
-
- ## Rule details
-
- This rule takes one optional object argument of type object:
-
- ```
- {
- "rules": {
- "jsx-a11y/no-autofocus": [ 2, {
- "ignoreNonDOM": true
- }],
- }
- }
- ```
-
- For the `ignoreNonDOM` option, this determines if developer created components are checked.
-
- ### Succeed
- ```jsx
- <div />
- ```
-
- ### Fail
- ```jsx
- <div autoFocus />
- <div autoFocus="true" />
- <div autoFocus="false" />
- <div autoFocus={undefined} />
- ```
|