angular / angular/components

Virtual Scroll Scroll Snap

Open
#16,741 2 comments 15 reactions 0 assignees View on GitHub
area: cdk/scrolling feature P4
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.