search

primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
10.59k stars 1.23k forks source link

DataTable VirtualScroller: The VirtualScroller inline wrapper has an inconsistent height calculation #5114

Open DavidMWBP opened 10 months ago

DavidMWBP commented 10 months ago

Describe the bug

When adding a DataTable with VirtualScroller and global filtering functionality, upon changing the filter, the height calculation seems to break, leading to the following situation:

Actual Screenshot from 2024-01-19 16-38-53

Expected Screenshot from 2024-01-19 16-40-05

Reproducer

https://codesandbox.io/p/devbox/interesting-firefly-gllqjt?file=%2Fsrc%2FApp.vue

PrimeVue version

3.46.0

Vue version

3.x

Language

TypeScript

Build / Runtime

TypeScript

Browser(s)

No response

Steps to reproduce the behavior

  1. Navigate to the input field.
  2. Type in either "qw" or "for".
  3. Observe that the element with the class p-virtualscroller-inline expands to the specified scrollHeight.

Expected behavior

I expect the wrapper element to have the correctly calculated height, both when changing the filters and on initial load.

mertsincan commented 9 months ago

Interesting! I set a milestone for it. I'll check it before the milestone is released.