Repository navigation
Opened expansion panels do not save their state in virtual scroll #14781
Description
What is the expected behavior?
When scrolling on a list of expansion panels with the first one opened and then returning back to the top, the first panel should still be opened.
What is the current behavior?
Scrolling will open others expansion panels that have the same position as the first one, also it misbehaves the UI.
What are the steps to reproduce?
Just scrolling here after opening the first expansion panel: https://stackblitz.com/edit/angular-md-scrolling
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angualr 7, MD 7, TS 3
Is there anything else we should know?
Same thing if you choose to open the nth expansion panel on the list.
Used the ngx-infinite-scroll works well and keeps opened expansion panels state. So it is about MD Scrolling.
Authors: @hzitoun @alibenmessaoud
Activity
[-]MD Scroll misbehave on opened expansion panels[/-][+]MD Scroll misbehaves on opened expansion panels[/+][-]MD Scroll misbehaves on opened expansion panels[/-][+]Opened expansion panels do not save their state in virtual scroll[/+]crisbeto commentedon Nov 25, 2025
I don't think we can do much about this. As far as the expansion panels are concerned, they've been destroyed and re-created.
angular-automatic-lock-bot commentedon Dec 26, 2025
This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.