angular / angular/components

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

Ouverte
#25,336 36 commentaires 2 réactions 0 personnes assignées Voir sur GitHub
area: cdk/scrolling P2
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

### 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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Exécutez la reproduction StackBlitz liée et comparez-la avec l’exemple de fenêtre de défilement virtuel d’Angular Material. Suivez le comportement de scrollWindow dans l’exemple de défilement virtuel et vérifiez que le défilement au-delà des éléments initialement mis en tampon rend les éléments suivants au lieu d’un espace vide dans Chrome et Firefox.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
30/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.