It is not behaving as in the demo

[AllanOricil]

trafficstars

This is my Component

computedSObjectFields is an Array of Objects

and this is the container with a pre defined Height

And this is the result

[yuxuanAbot]

same, I've got the same result :(

[ih84ds]

I'm having the same issue. The update event doesn't seem to fire when scrolling the page. Not sure why.

[kayijyc]

I had a similar issue and after some time, turns out I forgot to import the library's css

import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'

After doing so, it works. Not sure if it's the same case for y'all but maybe so 🤷

[ih84ds]

Finally figured out how to solve the issue after putting it off for quite some time. For me, the issue was related to using the Ionic framework and specifically the way ion-content handles scrolling. The solution was to wrap the entire ion-content like this <ion-content><div class="ion-content-scroll-host">{{ actual_content_goes_here }}</div></ion-content> and then set it up so the scrolling happens on that element instead.

.ion-content-scroll-host {
  position: relative;
  top: 0;
  left: 0;

  height: 100%;
  width: 100%;
  overflow-y: auto;
}

After doing that, Page Mode works seamlessly with no need to have multiple scrollable areas on the page!