search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.89k stars 6.97k forks source link

[Bug Report][3.3.11] Virtual table removes rows when row height is changed #17996

Closed jonasengelmann closed 1 year ago

jonasengelmann commented 1 year ago

Environment

Vuetify Version: 3.3.11 Vue Version: 3.3.4 Browsers: Chrome 115.0.0.0 OS: Mac OS 10.15.7

Steps to reproduce

When scrolling down and up again, the first entry disappears. This strange behavior only appears when the header is hidden.

Expected Behavior

No rows should disappear. No extra white space at top and bottom of table should appear.

Actual Behavior

Some rows disappear, inconsistent white spacing at top and bottom of table.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

I only had to resort to changing the css variable as the compact setting for density was not as dense as in vuetify2. If there is a more proper way to make table rows more compact, I am eager to know!

websitevirtuoso commented 1 year ago

Yes I think the problem with calculating offset. maybe connected with few last commits

KaelWD commented 1 year ago

This is the same as #17801 - items smaller than itemHeight