Describe the bug
If initially, you load enough resources to require a vertical scroll, then reduce them to eliminate the scroll, and subsequently load more, the vertical scroll reappears. However, this causes issues with table rendering, resulting in misaligned slots and headers.
This behavior also happens if you initially don't have vertical scroll, and then load more resources which will render the scroll and break the alignment.
Describe the bug If initially, you load enough resources to require a vertical scroll, then reduce them to eliminate the scroll, and subsequently load more, the vertical scroll reappears. However, this causes issues with table rendering, resulting in misaligned slots and headers.
This behavior also happens if you initially don't have vertical scroll, and then load more resources which will render the scroll and break the alignment.
https://github.com/user-attachments/assets/0abefe78-550d-4564-8505-c04191dd14dd
To Reproduce
Screenshots
Workaround
Re-render the view: https://stackblitz.com/edit/angular-edkyak-vjdur3?file=src%2Fapp%2Fapp.component.ts,src%2Findex.html