bug(cdk-virtual-scroll-viewport): Content not present in SSR load
- 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 rendering a page in SSR mode, the content for the virtual scroll is not rendered. It's blank. The page works fine when rendered in the browser. Screenshot attached for the SSR load response
:
### Reproduction
Steps to reproduce:
1. Clone the repo https://github.com/bivs06/angular-universal-ssr-bug
2. Run `npm run dev:ssr`
3. Check the response in the network tab
StackBlitz link: https://stackblitz.com/edit/angular-ivy-kfyv87?file=src%2Fapp%2Fapp.component.html
### Expected Behavior
The items for virtual scroll should load in SSR load
### Actual Behavior
The items for the virtual scroll are not loading in the SSR load
### Environment
- Angular:
- CDK/scrolling:
- Browser(s):
- Operating System (e.g. Windows, macOS, Ubuntu):
Beitragsleitfaden
Rechercherichtung
Klone das verlinkte angular-universal-ssr-bug-Repository und führe `npm run dev:ssr` aus; vergleiche die Netzwerkantwort mit der im Browser gerenderten Seite. Beginne mit der Reproduktion in `src/app/app.component.html` aus dem StackBlitz-Link und dem Verhalten von `cdk-virtual-scroll-viewport`. Fertig ist es, wenn die Virtual-Scroll-Elemente sowohl in der SSR-Antwort als auch im Browser erscheinen.
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