Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
MinhMQ1610 opened this issue Sep 11, 2024 · 2 comments
Open

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

MinhMQ1610 opened this issue Sep 11, 2024 · 2 comments
Labels
C: VDataTableVirtual T: bug Functionality that does not work as intended/expected

Comments

@MinhMQ1610
Copy link

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
Copy link
Member

KaelWD commented Sep 11, 2024

Looks like only the item slot is virtualised, and having extra elements mixed in breaks the height calculation:

...slots,
item: itemSlotProps => (
<VVirtualScrollItem
key={ itemSlotProps.internalItem.index }
renderless
onUpdate:height={ height => handleItemResize(itemSlotProps.internalItem.index, height) }
>

@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected C: VDataTableVirtual labels Sep 11, 2024
@J-Sek
Copy link
Contributor

J-Sek commented Sep 11, 2024

Similar reproduction

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VDataTableVirtual T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

3 participants