vue-virtual-scroller icon indicating copy to clipboard operation
vue-virtual-scroller copied to clipboard

Recycle scroller item's view position issue (translateY invalid)

Open denispriler opened this issue 6 years ago • 3 comments
trafficstars

When scroller updates and counting items pisition it becomes invalid so it's view translateY makes them to be positioned in wrong place. image image 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.

denispriler avatar Apr 25 '19 12:04 denispriler

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 avatar Jul 22 '19 08:07 schrieveslaach

@schrieveslaach I forgot to import 'vue-virtual-scroller/dist/vue-virtual-scroller.css' in my other component, there are classes attached :)

msokk avatar Jul 24 '20 14:07 msokk

@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?

antran-mwb avatar Feb 10 '23 19:02 antran-mwb