I have a scenario, dynamically I render panel through ngFor loop with dynamic mat content upon mat panel expansion and mat content is mapped via an API response asynchronously and I can only show one-panel expansion at a time, attached is my issue video and StackBlitz code. I'm sorry I don't know how to explain my problem so I'm posting a video of my issue. attaching the code snippet below
https://www.screencast.com/t/G9IHGF9R - As you can see when I'm trying to open any panel when another panel is already open my panel content is getting hidden along with the panel header.
https://stackblitz.com/edit/angular-cyvcxp?file=src%2Fapp%2Fexpansion-expand-collapse-all-example.ts
Actually the mat content of all panels is driven with only one variable the value
What I want to achieve is when I expand my panel it should not get hidden rather clicked panel should open at the same place or get it at the top of the page.
Any help would be greatly appreciated.
Thank you.
