Questions tagged [angular-cdk-virtual-scroll]
116 questions
0
votes
0 answers
cdk-virtual-scroll-viewport dynamic height
I am working on a Ionic 7 application with Angular 16. In this version of Ionic, ion-virtual-scroll was deprecated and they recommend to use the @angular/cdk ScrollingModule. Ionic Virtual Scroll Migration
The problem is the following: I have the…
Sergio Mendez
- 1,311
- 8
- 33
- 56
0
votes
0 answers
angular material virtual scroll not showing selected value from second page
I am using angular material library virtual scroll widget 'cdk-virtual-scroll-viewport' and am able to load data in paginated basis on the scroll of it.
But here am facing a problem, how I can show the selected value user saves last time? .Is there…
A DEv
- 255
- 1
- 19
0
votes
0 answers
Scrolling flickers with cdk-virtual-scroll-viewport
Scrolling works well when I iterate over an array of numbers like this:
this.items = Array.from({length: 100000}).map((_, i) => `Item #${i}`);
Working html Code is:
Masum Mollik
- 95
- 8
0
votes
0 answers
cdk-virtual-scroll-viewport not working on iOS 15.3 and below Angular 14
Description
After upgrading my Angular application from version 13 to 14, I have noticed that the cdk-virtual-scroll-viewport component no longer works on iOS devices running version 15.3 or earlier. The virtual scrolling feature is not functioning…
ErwinThompsonF
- 1
- 2
0
votes
2 answers
How to mock 'CdkVirtualScrollViewport' for infinite scrolling in Angular?
@ViewChild('scroller')
scroller!: CdkVirtualScrollViewport;
constructor(private ngZone: NgZone) { }
ngAfterViewInit(): void {
this.unsub = this.scroller.elementScrolled().pipe(
map(() =>…
Anand Raja
- 2,676
- 1
- 30
- 35
0
votes
0 answers
mat-expansion-panel 'closed' event is called with random index instead of 'destroyed'
I am using mat-expansion-panel inside cdk-virtual-scroll.
I want to hit a function when the panel is destroyed after scrolling, but the (closed) event is called instead of the (destroyed) event, having a random index as a parameter.
…
Kaleem Ullah
- 36
- 6
0
votes
1 answer
Cdk virtual scroll taking time rendering items after scrolling
I am using an expansion panel inside cdk-virtual-scroll.
In the header of the expansion panel, I have to show 4 values, which is causing a delay of nearly one second in rendering items while scrolling.
Kaleem Ullah
- 36
- 6
0
votes
0 answers
Angular: Issue with cdk-virtual-scroll-viewport lazyload data on scroll with variable item size
Working on infinite scroll with cdk-virtual-scroll-viewport and variable item height and At the end of list it will fetch next batch of data from api.
Striker
- 61
- 1
- 9
0
votes
0 answers
Use multiple cdk-virtual-scroll-viewport in the same page
cdk-virtual-scroll-viewport is not working properly when I use more than two cdk-virtual-scroll-viewport in the same page.
Stackblitz example
In the above example, first dropdown is working properly. but in the second dropdown, getting blank space…
jenifer
- 3
- 1
- 4
0
votes
0 answers
How to reset the virtual scroll height in angular 14+
In angular, I've implemented virtual infinite scroll. The issue I'm having is that when I try to reset the data after scrolling, it resets, but the scroll bar still displays how far I scrolled.
View in Stack blitz
How to replicate:
When you click…
Arun M
- 133
- 1
- 11
0
votes
0 answers
matSideNav showing its own scroll with virtual scroll
I am using a list of expansion panels inside virtual-scroll using scrollWindow,
it works fine until I put this virtual scroll in matSideNav.
Sidenav…
Kaleem Ullah
- 36
- 6
0
votes
0 answers
0
votes
0 answers
Implement Angular CDK Virtual Scroll Errors
I have weird issue with Angular CDK Virtual Scroll. I have implemented a virtual scroll and during scrolling this below error occurs in random time:
I have tried to use this properties but do not work for me
itemSize="50" minBufferPx="100"…
plusnia
- 21
- 2
0
votes
0 answers
Virtual scroll in Multiple NG2-Chart in Mat-cards , Display Loader until the data is attached
So I have around 100 Mat-Cards on screen , each one containing one NG2 doughnut chart.
This initially gave me performance issue as it took more than a minute to load.
So I used cdk-virtual-scroll to load charts on the run.
The performance is tough…
sharad jain
- 113
- 1
- 10
