iOS Mobile Container Scrolling Bug

[gitsitgo]

On Mobile only on iOS devices, the site overlay fixed div does not block the scrolling of the container. The result is that the menu (if longer than the device viewport height) cannot scroll properly, and the page itself scrolls instead. This is a bug on the OS side I think...

You can try your demo site on an iPad or iPhone, the container page keeps scrolling even after the menu is opened where as android it blocks the touch event. A quick but nasty solution I found was here.

So for example, on your demo site I run code like:
$('.site-overlay').on('touchmove', function(e){ e.preventDefault(); });
and then it works properly. Not saying it is the proper solution, but if you have any ideas let me know.

Thanks!