search

vuetifyjs / vuetify

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

[Bug Report][3.7.1] v-data-table-virtual bug nested table #20457

Open MinhMQ1610 opened 1 month ago

MinhMQ1610 commented 1 month ago

Environment

Vuetify Version: 3.7.1 Vue Version: 3.4.0 Browsers: Chrome 128.0.0.0 OS: Mac OS 10.15.7

Steps to reproduce

expand item in table, then scroll down, then scroll always return to top

Expected Behavior

scroll down and wont return to top

Actual Behavior

scroll down then bug appear, which alwasy return to top

Reproduction Link

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

Other comments

please check this css bug, and also check my link https://stackoverflow.com/questions/78964083/vuetify-v-data-table-virtual-nested-scroll-bug?noredirect=1#comment139228249_78964083

KaelWD commented 1 month ago

Looks like only the item slot is virtualised, and having extra elements mixed in breaks the height calculation: https://github.com/vuetifyjs/vuetify/blob/e33b9514d548e57ad923082837a87e9d2e275b2e/packages/vuetify/src/components/VDataTable/VDataTableVirtual.tsx#L230-L236

J-Sek commented 1 month ago

Similar reproduction