title: Can't interact on mobile with overflow:auto element underneath scrollable section using fullpage.js, scrollOverflow:true
body: <p>I'm using fullpage.js with scrollOverflow: true. Within a section that requires scrolling, as the section is over 100vh, I have a table that is designed for the user to scroll some content on the x axis.</p>
  
  <p><a href="https://i.stack.imgur.com/VJL7u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VJL7u.png" alt="enter image description here"></a></p>
  
  <p>Though the scrolling this table works on desktop even at a mobile resolution, scrolling this table on a mobile device does not work at all. The table does not respond to any touch interaction.</p>
  
  <p>This seems to have something to do with the .fp-scrollable div that wraps the scrollable fullpage section. If I add pointer-events: none to .fp-scrollable, I can interact with the table on a touch device, but then the section is no longer scrollable. It is also interesting to notice that text within the .fp-scrollable div cannot be highlighted on mobile or desktop. This seems like a clue, but I'm not really sure what it means.</p>