Virtual Scroll Scroll Snap
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
#### Feature Description
I would like to use scroll snapping in a horzintal virtual scrolled list. Therefore I would like to use the platforms CSS attribute: `scroll-snap-type`
#### Use Case
Imagine a horizontal list of cards. While scrolling the User is interested in only one Item. For aesthetics he wants this item to be in the middle of his screen. Thats where Scroll snapping would be really handy.
Contributor guide
Research direction
Start by locating the Angular virtual-scroll component and its horizontal scrolling behavior, then check for existing component tests covering scrolling. Determine how CSS scroll-snap-type should apply to a horizontal virtual-scrolled list and define done as reliable snapping that keeps the active card centered without breaking virtualization.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, css, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100