primefaces / primereact

The Most Complete React UI Component Library
https://primereact.org
MIT License
6.86k stars 1.04k forks source link

DataTable with VirtualScroller: layout bug #4413

Open mtsh1000 opened 1 year ago

mtsh1000 commented 1 year ago

Describe the bug

When DataTable with VirtualScroller is used in container that uses calculated height i.e.: calc(100vh-20px), when you decrease viewport size and scroll, then the current height of DataTable persists when the viewport is extended again until page refresh.

chrome-capture-2023-4-17 (1)

Reproducer

https://codesandbox.io/s/primereact-data-table-with-virtual-scroller-selection-errors-forked-r8vo31

PrimeReact version

9.4

React version

18.x

Language

ES6

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

  1. Reduce the height of the viewport
  2. Scroll the table
  3. Expand the viewport height back

Expected behavior

The height of the table should follow the height of the viewport

abianche commented 1 year ago

I have exactly the same issue, is this being checked out? Or does anyone have a temporary workaround? Thanks!

melloware commented 1 year ago

It is still in Status:Triage and I have not looked into it nor PrimeTek yet. You are more than welcome to investigate and suggest a fix.

github-actions[bot] commented 3 weeks ago

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

manuelpoelzl commented 3 weeks ago

commenting to keep this issue open.