> For AI agents: the complete documentation index is available at https://rslint.rs/llms.txt, the full documentation bundle is available at https://rslint.rs/llms-full.txt.

# no-autofocus

[Added in v0.5.3](https://github.com/web-infra-dev/rslint/releases/tag/v0.5.3)
## Configuration

| Preset                              | Configured Value |
| ----------------------------------- | ---------------- |
| ✅ jsxA11yPlugin.configs.recommended | `"error"`        |


```ts title=rslint.config.ts
import { defineConfig, jsxA11yPlugin } from '@rslint/core';

export default defineConfig([
  jsxA11yPlugin.configs.recommended,
  {
    rules: {
      'jsx-a11y/no-autofocus': 'error',
    },
  },
]);
```

Enforce that the `autoFocus` prop is not used on JSX elements.
Programmatically moving focus on render is disorienting for sighted users
(the viewport jumps to an unexpected location) and disruptive for
assistive-technology users (screen-reader and keyboard navigation are
reset).

## Rule Details

The rule fires on a JSX attribute named `autoFocus` (case-sensitive — the
lowercase HTML attribute `autofocus` is **not** matched) whose value is
anything other than the JS boolean `false` or the literal string `"false"`.
The boolean attribute form (`<div autoFocus />`) is treated as `true` and is
reported.

Examples of **incorrect** code for this rule:

```jsx
<div autoFocus />
<div autoFocus={true} />
<div autoFocus={undefined} />
<div autoFocus="true" />
<input autoFocus />
<Foo autoFocus />
```

Examples of **correct** code for this rule:

```jsx
<div />
<div autofocus />
<input autofocus="true" />
<Foo bar />
<div autoFocus={false} />
<div autoFocus="false" />
```

## Rule Options

### `ignoreNonDOM`

Type: `boolean`. Default: `false`.

When `true`, custom components (anything not in the HTML DOM element set)
are skipped. The element name is resolved through
`settings['jsx-a11y'].polymorphicPropName` and
`settings['jsx-a11y'].components` before the DOM-set lookup, so a custom
component remapped to a DOM tag is still checked.

Examples of **correct** code with `{ "ignoreNonDOM": true }`:

```json
{ "jsx-a11y/no-autofocus": ["error", { "ignoreNonDOM": true }] }
```

```jsx
<Foo autoFocus />
<div><div autofocus /></div>
```

Examples of **incorrect** code with `{ "ignoreNonDOM": true }`:

```json
{ "jsx-a11y/no-autofocus": ["error", { "ignoreNonDOM": true }] }
```

```jsx
<input autoFocus />
```

## Original Documentation

- [eslint-plugin-jsx-a11y: no-autofocus](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/v6.10.2/docs/rules/no-autofocus.md)
- [Source code](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/v6.10.2/src/rules/no-autofocus.js)