Skip to content

scrollOverflow content won't turn into auto-height on responsive #4664

@alvarotrigo

Description

@alvarotrigo

Description

When having a scrollable section and using scrollOverflow:true, the section won't turn into auto-height (and take as much height as necessary to avoid inner scroll) on responsive mode.

This was actually a regression in 4.0.16:
#4498

This is caused by missing the "if no responsive option is used" on this logic:

On mobile, when the height is small enough, the section will need to create a scrollbar inside that section if no responsive option is used and autoScrolling is on. However, this won't happen.

Link to isolated reproduction with no external CSS / JS

Reproduction with latest fullPage.js
https://codepen.io/alvarotrigo/pen/qBeqBQz

Correct behaviour before fullPage.js 4.0.16
https://codepen.io/alvarotrigo/pen/VwomwRL

Steps to reproduce it

  1. Access https://codepen.io/alvarotrigo/pen/qBeqBQz
  2. Resize to less than 1200px width
  3. Notice how the 1st section still have an inner scroll instead of taking all the height it requires as if it was fp-auto-height.

Versions

fullPage.js > 4.0.15

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions