vue-virtual-scroller
vue-virtual-scroller copied to clipboard
Recycle scroller item's view position issue (translateY invalid)
When scroller updates and counting items pisition it becomes invalid so it's view translateY makes them to be positioned in wrong place.
As i understand the view's position shold be updated after 1175 line but it is not.
Because of this there are a lot of blank place between first and second list elements.
This happends with random items in all generated lists.
I had the same problem but I solved this by setting some class:
.vue-recycle-scroller__item-wrapper {
position: relative;
}
.vue-recycle-scroller__item-view {
position: absolute;
}
Is it possible that vue-virtual-scroller has to add these CSS classes?
@schrieveslaach I forgot to import 'vue-virtual-scroller/dist/vue-virtual-scroller.css' in my other component, there are classes attached :)
@Akryum The position: relative on vue-recycle-scroller__item-wrapper prevents me from using position: sticky on my item. Is there any concern if I removed it?