Skip to content

bug(ui): Dashboard list rows overlap and clip at 768 px with the Systems sidebar expanded #3465

Closed

Description

@vybe

Summary

With the list container about 496 px wide, the success-rate cell collapses to 0 px; its text overlaps the slot bars (10×11 px) and the tasks text, and the tasks cell runs 50–67 px past the row's right edge and is cut off. Collapsing the sidebar (container 664 px) or widening to 1024 removes it.

Category: contract · Severity: Medium · Validated: reproduced twice in a fresh context

Context

Found by the click-through UI sweep of a local instance (dev @ c90c711ee, 1.0.0-rc1), fixture agents only.

Repro

  1. Open /, switch to List mode, keep the Systems sidebar expanded.
  2. Resize to 768×1024 (dark or light).

Expected

"controls do not overlap"; layout holds at the supported 768 viewport.

Observed

With the list container about 496 px wide, the success-rate cell collapses to 0 px; its text overlaps the slot bars (10×11 px) and the tasks text, and the tasks cell runs 50–67 px past the row's right edge and is cut off. Collapsing the sidebar (container 664 px) or widening to 1024 removes it.

Validation

Reproduced 2 of 2 in a fresh browser context with measured rects (for example bars [685,290,695,318] against success text [673,298,711,309]; tasks right edge 796 against a row edge of 744).

Acceptance Criteria

  • The repro above gives the Expected result at 1440 and 768, in light and dark.
  • A regression test pins the behaviour (unit or Playwright, whichever tier can observe it).
  • No new raw-palette classes or hand-rolled primitives are introduced by the fix (docs/memory/design-system-contract.md).

Technical Notes

Evidence screenshots (kept on the machine that ran the sweep; the evidence folder is gitignored because the repository is public):

  • docs/testing/ui-sweep/evidence/2026-10-09-all/63bf6313-1.png
  • docs/testing/ui-sweep/evidence/2026-10-09-all/63bf6313-2.png
  • docs/testing/ui-sweep/evidence/2026-10-09-all/63bf6313-3.png
  • docs/testing/ui-sweep/evidence/2026-10-09-all/63bf6313-4.png

Found by /ui-sweep --all @ c90c711

Activity

  1. added
    status-readyGreenlit and ready for development (vetted; counterpart to status-incubating)
    on Oct 9, 2026
  2. added and removed
    status-readyGreenlit and ready for development (vetted; counterpart to status-incubating)
    on Oct 9, 2026
  3. added
    status-in-devMerged to dev, awaiting release cut to main
    and removed on Oct 9, 2026
  4. removed
    status-in-devMerged to dev, awaiting release cut to main
    on Oct 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions