Scroll Overflow Scroll Bars Visible on Responsive Mode Activated

[meceware]

Hi,

When responsive mode is activated, the scroll bar position is still active hence shifts the content left a little bit. However the scroll bars are not visible anymore.

https://codepen.io/meceware/pen/OJvqPer

Thanks,

[alvarotrigo]

Hey Mehmet!

Thanks for that!
I was able to reproduce the issue on Windows.

I guess the question here is, what do we do with sections using ScrollOverflow in responsive mode.

Right now, the issue will got away if you apply the class fp-auto-height-responsive.

Perhaps we should, by default, turn all scrollable sections into "auto height sections" on responsive by adding this class for them?
fullPage.js v3 didn't even deal with this issue at all and would break when not applying fp-auto-height-responsive.
https://codepen.io/alvarotrigo/pen/eYMopWV

[meceware]

by default, turn all scrollable sections into "auto height sections" on responsive

Thank you, I think it definitely makes more sense than double scrollable section.

[alvarotrigo]

Reproduction of the issue with 4.0.10:
https://codepen.io/alvarotrigo/pen/BarEorL?editors=1010

The issue is now fixed on the dev branch.
The issue was related with #4447

ScrollOverflow sections will turn into auto-height sections on responsive. Therefore they won't contain any styling for scrollOverflow sections, which was the issue in this case.

[alvarotrigo]

Fixed in fullPage.js 4.0.11 🥳