github-pages-deploy-action/node_modules/eslint-plugin-jsx-a11y/docs/rules/no-autofocus.md
2020-03-06 22:45:40 -05:00

724 B

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

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

<div />

Fail

<div autoFocus />
<div autoFocus="true" />
<div autoFocus="false" />
<div autoFocus={undefined} />