a wrong height style with cdk-virtual-scroll-spacer (cdk-virtual-scroll-viewport)
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### Is this a regression?
- [X] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
14.0.3
### Description
After I updated angular material to 14.2.7 from 14.0.3 I start to get wrong height style with the div element that has the css class .cdk-virtual-scroll-spacer
### Reproduction
Steps to reproduce:
1. install the angular material 14.2.7
2. use the cdk-virtual-scroll-viewport
My Example code
```
```
### Expected Behavior
To get the correct style height on the div element that has the css class .cdk-virtual-scroll-spacer
### Actual Behavior
The div element that has the cs class .cdk-virtual-scroll-spacer get a style height which create a big space when I scroll to the end
### Environment
- Angular:
Angular CLI: 14.2.10
Node: 16.10.0
Package Manager: npm 7.10.0
OS: darwin x64
Angular: 14.2.12
... common, core
Package Version
-------------------------------------------------------------
@angular-devkit/architect 0.1402.10
@angular-devkit/build-angular 14.2.10
@angular-devkit/core 14.2.10
@angular-devkit/schematics 14.2.10
@angular/animations 14.0.3
@angular/cdk 14.2.7
@angular/cli 14.2.10
@angular/compiler 14.0.3
@angular/compiler-cli 14.0.3
@angular/forms 14.0.3
@angular/language-service 14.0.3
@angular/material 14.2.7
@angular/platform-browser 14.0.3
@angular/platform-browser-dynamic 14.0.3
@angular/platform-server 14.0.3
@angular/router 14.0.3
@angular/service-worker 14.0.3
@schematics/angular 14.2.10
rxjs 7.8.0
typescript 4.7.4
- CDK/Material: 14.2.7
- Browser(s): any
- Operating System (e.g. Windows, macOS, Ubuntu): macOS
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia riproducendo l'esempio segnalato di cdk-virtual-scroll-viewport con Angular CDK 14.2.7 e confronta l'altezza del relativo .cdk-virtual-scroll-spacer con quella della versione 14.0.3. Traccia il comportamento di virtual-scroll viewport e spacer per identificare la regressione; il lavoro è completato quando lo scorrimento fino alla fine non crea più uno spazio vuoto eccessivo e l'altezza dello spacer è corretta.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100