summary-first-child

Require summary as first child of details.

Severity

error

❌ Incorrect

<details>
  <p>x</p>
  <summary>S</summary>
</details>

✅ Correct

<details>
  <summary>S</summary>
  <p>x</p>
</details>

Reference

• HTML Standard - The details element

Configuration

{
  "rules": {
    "summary-first-child": "error"
  }
}