0

I have 2 material accordions in separate tabs. When im going into 2nd tab, which has first expansion panel expanded by default, and trying to open last expansion panel (ACC 8 in my stackblitz example) it doesnt scroll into its content and its getting out of view.

I tried to solve it with scrollIntoView method in afterExpand and opened events but in best case it returns to correct position after scrolling to bottom. Is there a way to do this correctly?

Example https://stackblitz.com/edit/angular-b7jhsn

Bak_w
  • 1
  • I cannot reproduce the issue in my browser (Chrome), the expansion panel opens as expected – JSON Derulo Apr 26 '23 at 10:31
  • @JSONDerulo you need to go straight to second tab, leave first panel opened, then position scroll in a way that panel "ACC 8' will be in the midde or upper part of screen, after that expand it, you will see that 'CONTENT 8' will be off-screen. – Bak_w Apr 27 '23 at 11:22

0 Answers0