Nav-panel folder label truncates at the maximum text scale

Open
  • Is something wrong?
#100 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
68/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
typescript
Domain
accessibility, frontend

Research direction

Start by locating the nav-panel folder and host label layout, then find the smoke layout assertions and existing clipping checks; the issue does not name their files. Run the smoke checks and add a case for --text-scale: 1.5 at 1280x800. Done means the specified folder name is fully visible, the host is visible or its truncation is intentional with a tooltip, and no horizontal scrolling or affordance clipping is introduced.

Written by the indexing model from the issue text.

Description

accessibility bug good first issue p3

Goal

Keep the nav-panel folder label readable at the maximum UI text scale instead of ellipsising it.

Priority

p3. It only appears at --text-scale: 1.5 and nothing is lost or hidden behind the ellipsis — the row is still clickable and the folder can be identified from its expanded children — but it is a visible layout defect in an accessibility feature.

Current gap

At --text-scale: 1.5 in a 1280x800 window, the folder label "Core network" gets a 98px box and needs 125px at 19.5px, so it ellipsises. The 1.15 preset is fine. Found while running row M-28 of the manual matrix.

Recorded in PR #96 (docs/testing/manual-matrix.md §Findings, F-3) and deliberately not fixed there, because that change is documentation only.

Scope

Give the folder label room at large text scales: let the row grow vertically, allow the label to wrap, or widen the panel at the top of the scale. Whatever is chosen must not reintroduce horizontal scrolling in the nav panel or clip the expand/collapse affordance.

Acceptance criteria

  • At --text-scale: 1.5 in a 1280x800 window, a folder name of at least 12 characters is fully visible in the nav panel, with no ellipsis.
  • The same holds for a host name of at least 24 characters, or the truncation is documented as intentional with the tooltip that reveals the full value.
  • The nav panel does not scroll horizontally at any supported text scale.
  • The smoke layout assertions still pass, including the existing clipping checks, and a case covers the maximum text scale.
  • The fix uses layout only; no raw px font sizes or colours are introduced in component CSS.

Boundaries

Do not redesign the nav panel or reduce the available text scale. This is not the place to revisit host-row density.

Dominant language
TypeScript
Stars
0
Forks
0
Avg merge
6h 51m
Merged PRs (30d)
68

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from bonzo81/comnd

All issues in bonzo81/comnd

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.