[UI]: Timeline — sticky bar labels while scrolling (industry-standard)

[rosspeili]

View / surface

Timeline (priority / trackers)

Kind

Visual / layout

Theme

Multiple

HPPM version

0.26

Steps to reproduce

1. Open Timeline Gantt with a multi-week bar.
2. Zoom week or month; scroll horizontally past the bar’s start.
3. Observe the title/info disappear even though the bar body is still visible.

Expected vs actual

Expected (industry-standard Gantt): While the bar is visible, the label stays as far left inside the visible portion of the bar as possible. When the bar start scrolls off-screen, the label sticks to the left edge of the viewport (still clipped to the bar). Scrolling back left moves the label toward the true start again.

Actual: Label is pinned to the bar start and scrolls away, so long bars lose readable context mid-viewport.

Implementer notes: Prefer CSS sticky inside the bar or transform tied to scroll; ellipsis + max-width; don’t break drag/resize hit targets; respect reduced motion; note in docs/views/timeline.md. Out of scope: Calendar month pills; date storage changes.

Active when it happens

• Tracker / priority / tag filters on
• Show completed on
• Search query active
• Task drawer open

Visual notes (optional)

Classic Asana/Linear-style sticky-in-bar label behavior while panning the Gantt.