The route was clipping at three places: top and bottom of hovered cards (the track was only 460 tall) and at the left/right viewport edges (first card half-off-screen at scrollLeft 0, last card off the right at scrollEnd). Track height: default trackHeight in roadmap-layout 460 → 580; .rr-track inline-style and the SVG height matched. midY now 290. Path centreline stays in the visual centre and gains 60px breathing room above + 60px below — which is exactly the room a hovered card needs to expand into. Scroll-container padding: .rr-scroll gains 140px of horizontal padding plus matching scroll-padding-left/right so snap-stops land cleanly. The 140 figure is 220px card-width / 2 + 30px buffer, so the first and last cards have a full card-width of clear space inside the viewport at the scroll extremes. Layout helper test verifies midY === 290. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| dispatches.test.ts | ||
| focus-tags.test.ts | ||
| home-route.test.ts | ||
| member-number.test.ts | ||
| pulse-status.test.ts | ||
| roadmap-layout.test.ts | ||
| setup.ts | ||
| tenure-milestone.test.ts | ||
| vote-count.test.ts | ||
| votes.test.ts | ||