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

[mertsincan]

Hi,

Does it work with Chrome or others? and, could you please try it with v18?

[jase88]

It does work fine on Chrome/Chromium based browsers and Safari. As far as I can see after initial debugging, no scroll event is emitted in Firefox (Scroller component), whereas this is the case with the other browsers.

I will test it with PrimeNG 18 RC1 and report soon

[jase88]

@mertsincan
There seems to be further errors with 18rc1 - I migrated my reproduction example on this branch:
https://github.com/jase88/primeng-table-scrollheight-flex-firefox/tree/18.0.0-rc.1

If [virtualScroll]=true is set, no items are displayed at all within the tbody. If setting [virtualScroll]=false the content is displayed, but a NG0100: ExpressionChangedAfterItHasBeenCheckedError error occurs.

Should I create two new bug issues for 18rc1?

[jase88]

That the table with virtual items is not working on v18/19 is tracked here: #17102

I guess that the bug of this ticket is still present in v19, because the scroller Implementation didn't change at that point