Tasks: hidden Tag action reserves sidebar width #1235

Open
opened 2026-10-06 21:57:46 +00:00 by kayg · 2 comments
Owner

Reproduction:

  1. Open Tasks and show the sidebar Tag rows.
  2. Leave a Tag row unhovered and unfocused.

Expected: its hidden action menu has zero width, so the Tag label uses the full row.

Actual: the hidden action anchor reserves 30 px in the row.

Evidence: the production Tasks E2E assertion at apps/web/e2e/tasks.mjs:486 failed on the 390 px viewport (actual 30.000015258789062, expected 0). Captured output: target/tmp/tasks-e2e-1232.txt. The row renders the shared TagRow from apps/web/src/lib/components/TagRow.svelte in apps/web/src/lib/tasks/TasksSidebar.svelte.

Severity: minor.

Reproduction: 1. Open Tasks and show the sidebar Tag rows. 2. Leave a Tag row unhovered and unfocused. Expected: its hidden action menu has zero width, so the Tag label uses the full row. Actual: the hidden action anchor reserves 30 px in the row. Evidence: the production Tasks E2E assertion at `apps/web/e2e/tasks.mjs:486` failed on the 390 px viewport (`actual 30.000015258789062`, `expected 0`). Captured output: `target/tmp/tasks-e2e-1232.txt`. The row renders the shared `TagRow` from `apps/web/src/lib/components/TagRow.svelte` in `apps/web/src/lib/tasks/TasksSidebar.svelte`. Severity: minor.
Author
Owner

Fixed on job/bash-tasks in 540dfc59c (fix(tasks): collapse hidden sidebar tag actions (#1235)). Task sidebar Tag rows now reuse the existing collapsed action-row behavior from SidebarLinks. The shared ItemActionMenu remains available on hover, focus and touch. Focused regression test passed: bunx vitest run src/lib/components/TagRow.svelte.test.ts --maxWorkers=2 (1 file, 4 tests). Production web build passed.

Fixed on `job/bash-tasks` in `540dfc59c` (`fix(tasks): collapse hidden sidebar tag actions (#1235)`). Task sidebar Tag rows now reuse the existing collapsed action-row behavior from SidebarLinks. The shared ItemActionMenu remains available on hover, focus and touch. Focused regression test passed: `bunx vitest run src/lib/components/TagRow.svelte.test.ts --maxWorkers=2` (1 file, 4 tests). Production web build passed.
Author
Owner

Visual evidence from the local production build, macOS emulation, at 1x:

  • Before/after: artifacts/bash-tasks/task-sidebar-actions/390-paper-before.png and 390-paper-after.png
  • Full set: artifacts/bash-tasks/task-sidebar-actions/{390,820,1440}-{paper,tokyo-night}-{before,after}.png
    The before state was captured by removing the optional collapsed-row class in the browser DOM; the after state uses the shipped TasksSidebar prop. The production Tasks flow also passed the hidden action width/opacity checks through the screenshot captures before the shared Undo issue stopped the run.
Visual evidence from the local production build, macOS emulation, at 1x: - Before/after: `artifacts/bash-tasks/task-sidebar-actions/390-paper-before.png` and `390-paper-after.png` - Full set: `artifacts/bash-tasks/task-sidebar-actions/{390,820,1440}-{paper,tokyo-night}-{before,after}.png` The before state was captured by removing the optional collapsed-row class in the browser DOM; the after state uses the shipped TasksSidebar prop. The production Tasks flow also passed the hidden action width/opacity checks through the screenshot captures before the shared Undo issue stopped the run.
Commenting is not possible because the repository is archived.
No labels
No milestone
No project
No assignees
1 participant
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
kayg/calternal-v0#1235
No description provided.