---
source: crates/biome_js_analyze/tests/spec_tests.rs
expression: invalid.jsx
---
# Input
```jsx
<>
    <button autoFocus />
    <input autoFocus />
    <input autoFocus="true" />
    <input autoFocus={undefined} />
    <input autoFocus={"false"} />
    <input autoFocus={"false"} /*comment*/ />
    <input /*comment*/ autoFocus={"false"} />
    <input autoFocus={"false" /*comment*/} />
    <input /*comment*/ autoFocus={"false"} /*comment*/ />
    <div autoFocus />
    <div autoFocus={true} />
    <div autoFocus={false} />
</>

```

# Diagnostics
```
invalid.jsx:2:13 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
    1 │ <>
  > 2 │     <button autoFocus />
      │             ^^^^^^^^^
    3 │     <input autoFocus />
    4 │     <input autoFocus="true" />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    2 │ ····<button·autoFocus·/>
      │             ----------  

```

```
invalid.jsx:3:12 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
    1 │ <>
    2 │     <button autoFocus />
  > 3 │     <input autoFocus />
      │            ^^^^^^^^^
    4 │     <input autoFocus="true" />
    5 │     <input autoFocus={undefined} />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    3 │ ····<input·autoFocus·/>
      │            ----------  

```

```
invalid.jsx:4:12 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
    2 │     <button autoFocus />
    3 │     <input autoFocus />
  > 4 │     <input autoFocus="true" />
      │            ^^^^^^^^^^^^^^^^
    5 │     <input autoFocus={undefined} />
    6 │     <input autoFocus={"false"} />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    4 │ ····<input·autoFocus="true"·/>
      │            -----------------  

```

```
invalid.jsx:5:12 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
    3 │     <input autoFocus />
    4 │     <input autoFocus="true" />
  > 5 │     <input autoFocus={undefined} />
      │            ^^^^^^^^^^^^^^^^^^^^^
    6 │     <input autoFocus={"false"} />
    7 │     <input autoFocus={"false"} /*comment*/ />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    5 │ ····<input·autoFocus={undefined}·/>
      │            ----------------------  

```

```
invalid.jsx:6:12 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
    4 │     <input autoFocus="true" />
    5 │     <input autoFocus={undefined} />
  > 6 │     <input autoFocus={"false"} />
      │            ^^^^^^^^^^^^^^^^^^^
    7 │     <input autoFocus={"false"} /*comment*/ />
    8 │     <input /*comment*/ autoFocus={"false"} />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    6 │ ····<input·autoFocus={"false"}·/>
      │            --------------------  

```

```
invalid.jsx:7:12 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
    5 │     <input autoFocus={undefined} />
    6 │     <input autoFocus={"false"} />
  > 7 │     <input autoFocus={"false"} /*comment*/ />
      │            ^^^^^^^^^^^^^^^^^^^
    8 │     <input /*comment*/ autoFocus={"false"} />
    9 │     <input autoFocus={"false" /*comment*/} />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
     5  5 │       <input autoFocus={undefined} />
     6  6 │       <input autoFocus={"false"} />
     7    │ - ····<input·autoFocus={"false"}·/*comment*/·/>
        7 │ + ····<input··/*comment*/·/>
     8  8 │       <input /*comment*/ autoFocus={"false"} />
     9  9 │       <input autoFocus={"false" /*comment*/} />
  

```

```
invalid.jsx:8:24 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
     6 │     <input autoFocus={"false"} />
     7 │     <input autoFocus={"false"} /*comment*/ />
   > 8 │     <input /*comment*/ autoFocus={"false"} />
       │                        ^^^^^^^^^^^^^^^^^^^
     9 │     <input autoFocus={"false" /*comment*/} />
    10 │     <input /*comment*/ autoFocus={"false"} /*comment*/ />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    8 │ ····<input·/*comment*/·autoFocus={"false"}·/>
      │                        --------------------  

```

```
invalid.jsx:9:12 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
     7 │     <input autoFocus={"false"} /*comment*/ />
     8 │     <input /*comment*/ autoFocus={"false"} />
   > 9 │     <input autoFocus={"false" /*comment*/} />
       │            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    10 │     <input /*comment*/ autoFocus={"false"} /*comment*/ />
    11 │     <div autoFocus />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    9 │ ····<input·autoFocus={"false"·/*comment*/}·/>
      │            --------------------------------  

```

```
invalid.jsx:10:24 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
     8 │     <input /*comment*/ autoFocus={"false"} />
     9 │     <input autoFocus={"false" /*comment*/} />
  > 10 │     <input /*comment*/ autoFocus={"false"} /*comment*/ />
       │                        ^^^^^^^^^^^^^^^^^^^
    11 │     <div autoFocus />
    12 │     <div autoFocus={true} />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
     8  8 │       <input /*comment*/ autoFocus={"false"} />
     9  9 │       <input autoFocus={"false" /*comment*/} />
    10    │ - ····<input·/*comment*/·autoFocus={"false"}·/*comment*/·/>
       10 │ + ····<input·/*comment*/··/*comment*/·/>
    11 11 │       <div autoFocus />
    12 12 │       <div autoFocus={true} />
  

```

```
invalid.jsx:11:10 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
     9 │     <input autoFocus={"false" /*comment*/} />
    10 │     <input /*comment*/ autoFocus={"false"} /*comment*/ />
  > 11 │     <div autoFocus />
       │          ^^^^^^^^^
    12 │     <div autoFocus={true} />
    13 │     <div autoFocus={false} />
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    11 │ ····<div·autoFocus·/>
       │          ----------  

```

```
invalid.jsx:12:10 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
    10 │     <input /*comment*/ autoFocus={"false"} /*comment*/ />
    11 │     <div autoFocus />
  > 12 │     <div autoFocus={true} />
       │          ^^^^^^^^^^^^^^^^
    13 │     <div autoFocus={false} />
    14 │ </>
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    12 │ ····<div·autoFocus={true}·/>
       │          -----------------  

```

```
invalid.jsx:13:10 lint/a11y/noAutofocus  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ! Avoid the autoFocus attribute.
  
    11 │     <div autoFocus />
    12 │     <div autoFocus={true} />
  > 13 │     <div autoFocus={false} />
       │          ^^^^^^^^^^^^^^^^^
    14 │ </>
    15 │ 
  
  i Unsafe fix: Remove the autoFocus attribute.
  
    13 │ ····<div·autoFocus={false}·/>
       │          ------------------  

```