Shaking the scroll when there is a radix CheckboxRoot inside the list item.
demo: https://stackblitz.com/edit/tanstack-virtual-szapmj?file=src%2Fcomponents%2FRowVirtualizerDynamic.vue
I can't figure out why the scroll is shaking when there is a radix CheckboxRoot inside. If you put an absolutely identical static button, then this does not happen. At the same time, nothing inside the radix component causes scrolling
What cyclically triggers the scroll event on the parent element?
masawik
StackBlitz
Virtual Dynamic Example (forked) - StackBlitz
Run official live example code for Virtual Dynamic, created by Tanstack on StackBlitz
6 Replies
adverse-sapphire•2y ago
Hey I'm having similar issue with my list, were you able to solve it yourself?
adverse-sapphire•2y ago
@Рочев Александр
ratty-blushOP•2y ago
I spent a lot of time debugging it, but I still haven't found the cause
adverse-sapphire•2y ago
Ha, cool thanks for answering I've just faced it myself, and began my own investigation 😎
ratty-blushOP•2y ago
eventually something triggers a scroll event on the list. something that I can't identify on the record in the performance tab
I hope you will succeed
@Cz0sn3k Did it work?
adverse-sapphire•2y ago
Ah yees, i was able to solve the issue but perhaps my case was a bit different than yours -> for me i had to dynamically read current font size which was changing according to vw cuz its height was telling the height of each record inside the table - so to remove bug where there was an endless loop of adding and destroying table record when stuck in the between of one i had to properly measure amount of estimated size property