angular / angular/components

Support CSS scroll-snap-type for cdk/virtual-scroll

Offen
#16,038 10 Kommentare 13 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/scrolling feature P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### What is the expected behavior?
Setting CSS `scroll-snap-type: both mandatory;` should enable scroll snapping.

#### What is the current behavior?
No scroll snapping ever happens.

#### What are the steps to reproduce?
https://stackblitz.com/angular/dnnjdjbpaaag?file=app%2Fcdk-virtual-scroll-horizontal-example.css

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
"@angular/cdk": "7.3.7",
"@angular/core": "7.2.15",
"typescript": "~3.1.1"
Browsers: all

#### Is there anything else we should know?
Closely related to #14833 but it could be fixed other way too.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit der cdk/virtual-scroll-Implementierung und der verknüpften StackBlitz-Reproduktion und vergleiche anschließend das erwartete Verhalten mit dem zugehörigen Issue #14833. Bestätige, wie scroll-snap-type im gesamten betroffenen virtual-scroll-Setup behandelt wird; abgeschlossen ist die Aufgabe, wenn die Reproduktion in den aufgeführten Browserumgebungen verpflichtendes CSS-Scroll-Snapping auf beiden Achsen unterstützt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.