question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Expansion panel expanded state issue with Virtual Scroll

See original GitHub issue

Bug, feature request, or proposal:

cdkVirtualScroll does not work properly with matAccordion and matExpansionPanel.

The accordion does not respect the expansion state of individual expansion panels as you scroll.

What is the expected behavior?

The expansion state is maintained as you scroll

What is the current behavior?

If you expand the xth item in the accordion then as you scroll, the xth in the view will always be expanded. ie if you expand the 3rd item then as you scroll down to say the 1000th item then the 1003rd item will be expanded.

What are the steps to reproduce?

Stackblitz example

What is the use-case or motivation for changing an existing behavior?

Able to use expansion panels inside virtual scroll

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 7.0 Material 7.0 MacOS 10.14 TypeScript 3.x Browser Chrome 70.0

Is there anything else we should know?

No

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:11
  • Comments:12 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
indiealexhcommented, Apr 8, 2022

4 years.

2reactions
TolgaYigitcommented, Jul 17, 2020

Still waiting for an update. It’s been almost 2 years.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vuetify Expansion Panels with Virtual Scroll - Stack Overflow
The problem is that when expanding one panel it is not well displayed due to the position absolute of the virtual item.
Read more >
Virtual Scroll Expansion Panels - StackBlitz
Issue template for @angular/material.
Read more >
How To Use Scroll To View Within Expansion Panel - ADocLib
Able to use expansion panels inside virtual scroll. ... view.at the bottom of the panel visible only when the expansion is in its...
Read more >
Ion-virtual-scroll does not grow when using a mat-expansion ...
So I want to combine virtual scroll of Ionic with a mat-expansion-panel of Angular . But because the item is a fixed size,...
Read more >
Angular Material Expansion Panel - Javatpoint
The expansion panel headers are buttons. Users can use the keyboard to activate the expansion panel header to switch between an expanded state...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found