Skip to content

[Bug Report][3.7.7] Bouncing virtual table in expanded row with fixed-header #21155

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

Open
mpillkann92 opened this issue Mar 25, 2025 · 0 comments · May be fixed by #21474
Open

[Bug Report][3.7.7] Bouncing virtual table in expanded row with fixed-header #21155

mpillkann92 opened this issue Mar 25, 2025 · 0 comments · May be fixed by #21474
Labels
C: VDataTable T: bug Functionality that does not work as intended/expected

Comments

@mpillkann92
Copy link

Environment

Vuetify Version: 3.7.7
Vue Version: 3.5.13
Browsers: Chrome 134.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

The following behavior can be observed:

Structure:
v-data-table-virtual
-> expanded-row ->
v-data-table-virtual
-> expanded-row ->
v-data-table-virtual

Behavior:
While scrolling outside the area of the 3rd table, you jump back again.
The behavior is most likely to be seen when scrolling slowly.

The behavior only occurs when fixed-header = true and the row of the 2nd table is expanded.

Procedure:

  1. set fixed header to true via button
  2. expand row of table 1
  3. expand row of table 2
  4. scroll slowly

Translated with DeepL.com (free version)

Expected Behavior

scrolling in multiple nested tables with fixed headers

Actual Behavior

jump when scrolling in nested tables with fixed header

Reproduction Link

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

@jcjp jcjp added T: bug Functionality that does not work as intended/expected C: VDataTable labels Mar 25, 2025
PSBasti pushed a commit to PSBasti/vuetify that referenced this issue May 21, 2025
add checkup for direction of scrolling to prevent infinite looping

fixes vuetifyjs#21155
SebastianStolze added a commit to SebastianStolze/vuetify that referenced this issue May 23, 2025
trigger handleItemResize on expanded row to recalculate height to prevent infinite looping

fixes vuetifyjs#21155
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VDataTable T: bug Functionality that does not work as intended/expected
Projects
None yet
2 participants