search

vuetifyjs / vuetify

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

[Bug Report][3.2.4] v-virtual-scroll appears to jitter horizontally and item-height prop doesn't work #17387

Open AndyBeat opened 1 year ago

AndyBeat commented 1 year ago

Environment

Vuetify Version: 3.2.4 Vue Version: 3.2.47 Browsers: Chrome 102.0.0.0 OS: Windows 10

Steps to reproduce

See the reproduction link

Expected Behavior

1.Normal scrollbar display 2.item-height attribute takes effect

Actual Behavior

When the height is set to 300, it is normal. When the height is set to 400, the scroll bar shakes, and when the height is set to 500, the scroll bar appears. Scrollbars should not appear at 500

Reproduction Link

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

Other comments

The virtual scroll bar is normal when using vuetify2

KaelWD commented 1 year ago

Needs some hysteresis on visibleItems so the horizontal scrollbar appearing doesn't affect it. Workaround is to limit item width, or add overflow: visible if you're expecting horizontal scrolling.

lioneaglesolutions commented 1 year ago

FWIW I couldn't replicate this bug on Chrome Version 113.0.5672.126 (Official Build) (arm64)