Lazy Table with Virtual Scroll and scrollHeight flex hides content and jumps to top on resize with Firefox

[jase88]

Describe the bug

If using a lazy table with virtual scrolling and scrollHeight=flex

  <p-table
    ...
    [scrollable]="true"
    columnResizeMode="expand"
    scrollHeight="flex"
    [virtualScroll]="true"
    [virtualScrollOptions]="{ showLoader: false, showSpacer: false }"
    [virtualScrollDelay]="0"
    [resetPageOnSort]="false"
    [lazy]="true"
    [tableStyle]="{ 'table-layout': 'fixed' }"
  >

on Firefox the content is hidden and the scrolling jumps to the top if resizing.
This only occurs if scrolling a bit within the table. If kept in initial scrolling state resizing works fine.

PrimeNG-Lazy-Table-VirtualScrolling-scrollHeight-flex-Firefox.mov

After Scrolling again the content reappears.

Environment

MacOS 15.1
Firefox 132.0.2

Reproducer

https://github.com/jase88/primeng-table-scrollheight-flex-firefox

Angular version

18.2.0

PrimeNG version

17.18.12

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

22.8.0

Browser(s)

Firefox 132.0.2

Steps to reproduce the behavior

1. Checkout https://github.com/jase88/primeng-table-scrollheight-flex-firefox
2. Run npm install && npm run start
3. Open localhost:4200 on Firefox
4. Scroll table a bit
5. Resize table

Expected behavior

• Table should not jump to the top
• Table should be displayed properly