Sections with fp-noscroll won't trigger next section/slide on scroll on mobile

[alvarotrigo]

I still need to test it on different environments so I'll update the issue with more details later on.

[alvarotrigo]

It can be reproduced here from a phone (Chrome, Safari...) with fullpage.js 4.0.15:
https://codepen.io/alvarotrigo/pen/NWBegME

HTML code:

<div id="fullpage">
    <div class="section fp-noscroll">
      <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
                <h1>Section 1</h1>
    </div>
    <div class="section fp-noscroll">
        <div class="slide" data-anchor="slide1">
          <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
                <h1>Section 2</h1>
        </div>
        <div class="slide" data-anchor="slide2">
          <h1>Slide 2.2</h1>
        </div>
    </div>
    <div class="section"> 
        <h2>Section 3</h2>
    </div>
</div>

JS

new fullpage('#fullpage', {
  sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
  
  // Get your license at https://alvarotrigo.com/fullPage/pricing/
  licenseKey: 'YOUR LICENSE KEY HERE '
});

The 1st section containing scrollable works as expected.
Content is not scrollable due to the use of fp-noscroll and swiping on top allows us to move to the 2nd section.

However, in the 2nd section, this won't happen.
Swiping on top won't allow us to scroll to the 3rd section.

Same happens when using keyboard navigation.

[alvarotrigo]

This has been fixed on the new version 4.0.16! 🥳