Weird scroll behaviour with offcanvas navigation on iOS

[marcoveeneman]

Hi there,

I stumbled across a weird scrolling behaviour with the offcanvas navigation on iOS devices, which can also be seen on www.demo.magesuite.io.

When a user opens the menu, then tries to scroll the menu up/down and (accidentally) touches an area outside the cs-offcanvas__drawer element while scrolling instead of touching the menu items, the whole screen is 'scrolling'. When trying to correctly scroll the menu items after that, it is not possible. Only after leaving the screen for about 1 second or so the menu is scrollable again.

Is this a bug or weird iOS behaviour that cannot be fixed?

Below are the steps to reproduce the issue:

1.	Open the offcanvas navigation and scroll outside the drawer, scrolling up will not move the screen, scrolling down will try to scroll down/reload the page
2.	Immediately after removing the finger from screen try to scroll the menu items, you will see this does not work and keeps scrolling the whole screen content.
3.	Remove finger from screen, wait a second or so, and try scrolling the menu items again, this time it will work and only scroll the menu items.