Auto-scroll when dragging items in today view #189

New issue

Closed

opened 2026-06-09 16:39:45 +00:00 by ldraney · 0 comments

ldraney commented

2026-06-09 16:39:45 +00:00

Owner

Type

Feature

Lineage

Standalone — discovered during field use of today view.

Repo

ldraney/landscaping-assistant

User Story

As a crew lead
I want the today list to auto-scroll when I drag an item toward the edge
So that I can reorder items in a long list without releasing and re-grabbing

Context

When reordering work queue items in the today view by drag-and-drop, dragging an item near the top or bottom edge of the visible area does not scroll the list. This makes it difficult to move items across a long list — the user has to drop, scroll manually, then pick up again.

File Targets

Files the agent should modify or create:

TBD — needs spike to identify which JS controller handles drag (likely Stimulus controller)

Files the agent should NOT touch:

Backend controllers/models — this is purely a frontend behavior

Feature Flag

none

Acceptance Criteria

When I drag an item near the bottom edge of the today list, the list auto-scrolls down
When I drag near the top edge, the list auto-scrolls up
Scroll speed is smooth and not jarring

Test Expectations

Manual test: drag an item in a long today list and verify edge-scrolling works
Run command: bin/rails test (no unit test expected — this is a UX behavior)

Constraints

Must work on mobile (touch drag) as well as desktop
Keep it simple — edge-detection threshold + requestAnimationFrame scroll

Checklist

PR opened
Tests pass
No unrelated changes

landscaping-assistant -- project this affects

### Type Feature ### Lineage Standalone — discovered during field use of today view. ### Repo `ldraney/landscaping-assistant` ### User Story As a crew lead I want the today list to auto-scroll when I drag an item toward the edge So that I can reorder items in a long list without releasing and re-grabbing ### Context When reordering work queue items in the today view by drag-and-drop, dragging an item near the top or bottom edge of the visible area does not scroll the list. This makes it difficult to move items across a long list — the user has to drop, scroll manually, then pick up again. ### File Targets Files the agent should modify or create: - TBD — needs spike to identify which JS controller handles drag (likely Stimulus controller) Files the agent should NOT touch: - Backend controllers/models — this is purely a frontend behavior ### Feature Flag none ### Acceptance Criteria - [ ] When I drag an item near the bottom edge of the today list, the list auto-scrolls down - [ ] When I drag near the top edge, the list auto-scrolls up - [ ] Scroll speed is smooth and not jarring ### Test Expectations - [ ] Manual test: drag an item in a long today list and verify edge-scrolling works - Run command: `bin/rails test` (no unit test expected — this is a UX behavior) ### Constraints - Must work on mobile (touch drag) as well as desktop - Keep it simple — edge-detection threshold + requestAnimationFrame scroll ### Checklist - [ ] PR opened - [ ] Tests pass - [ ] No unrelated changes ### Related - `landscaping-assistant` -- project this affects