angular / angular/components

bug(cdk-virtual-scroll): Only shows a few items when using scrollWindow property

Offen
#25,336 36 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/scrolling P2
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

When you use the scrollWindow property it only renderers the initial items (the ones inside your min and max buffer settings) after that it is just blank spaces.

It also happens at the angular material show case example, it only show the first 21 items. I tried to use the checkViewportSize() method but of no use.

https://material.angular.io/cdk/scrolling/overview

### Reproduction

https://stackblitz.com/edit/angular-1uahhp?file=src/app/cdk-virtual-scroll-window-scrolling-example.ts

Steps to reproduce:
1. It already happens on the virtual scrolling window example.

### Expected Behavior

It should render new items as you scroll down the page, eventually rendering all the items.

### Actual Behavior

It stops rendering items after the initial ones are rendered.

### Environment

- Angular: 14.1.0
- CDK/Material: 14.1.0
- Browser(s): Chrome, Firefox
- Operating System (e.g. Windows, macOS, Ubuntu): Windows, macOS

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Führe die verlinkte StackBlitz-Reproduktion aus und vergleiche sie mit dem Beispiel für das Fenster für virtuelles Scrolling von Angular Material. Verfolge das Verhalten von scrollWindow aus dem Beispiel für virtuelles Scrolling und überprüfe, dass beim Scrollen über die anfänglich gepufferten Elemente hinaus nachfolgende Elemente statt eines leeren Bereichs in Chrome und Firefox gerendert werden.

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
30/100

Neue Issues direkt in Ihr Postfach

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