DET.RESPONSIVE.NO_HORIZONTAL_OVERFLOW

How this rule is fixed

Pilot deterministic fixer: handbook_after · harness mode standalone, live_scenario · verify live_scenario.

• Harness: apply-harness-fixture-remediation.py copies the After example HTML from this handbook page onto the defect fixture, then invoke-det-ruleset-remediation-verify.sh re-audits and expects zero findings for this rule.
• Production sites: run-website-ux-remediation-loop.sh runs handbook_html_patch (HTML patches in lib/ux-deterministic-fixers/fixers/patches/) before invoking the Cursor agent when the quality gate still fails.

Detection module: design-rules/deterministic or ai generated modules. Scroll down for Before / After examples and Evidence and remediation steps.

Handbook page not generated

Status: missing. Run pagegen from tools/website-ux-auditor to create the Markdown sibling, then rebuild the showcase.

npm run pagegen -- --only-rule DET.RESPONSIVE.NO_HORIZONTAL_OVERFLOW

Registry status

implemented

Source

docs/design/ux-audit/deterministic-design-rules.md#det-responsive-no-horizontal-overflow