overflow: auto; breaks page-mode

[arendsnoek]

Gave me a lot of headaches, finally figured out why pagemode isn't working for me...

1. Go to Demo Page
2. Activate page-mode
3. See that it is working
4. Update HTML: ( Inspect > Elements > Edit as HTML)
   • FROM: div id="app">
   • TO THIS: div id="app" style="position: fixed; overflow: auto;"> // my situation
   • OR THIS: div id="app" style="position: absolute; overflow: auto;">
   • OR THIS: div id="app" style="overflow: auto;">
5. See that scroller only loads first few items.

I'm reporting this issue hoping for a fix or explanation:

• Use a new property, i.e. scrolling-container:"#app"
• Or how should we apply overflow on page-mode?

[miguoer]

same problem

[bapaynter]

I'm also having the same problem, but with overflow: visible since I need the virtual scroller to be scrollable horizontally for long rows of data

[fchancel]

I could fix this problem with this code:

.vue-recycle-scroller__item-wrapper {
    overflow: visible !important;
}

.vue-recycle-scroller {
    overflow: auto !important;
}