Scrolling on mobile does not have a momentum

[michalsnik]

Scrolling on mobile devices should have a momentum.
In order to achieve so .modaal-wrapper should have:

overflow-y: scroll;
webkit-overflow-scrolling: touch;

Short article about this: https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/

I'm going to make a PR later.

[cbotman]

Hi @michalsnik, thanks for flagging this. I quickly tried to implement the solution you described and it didn't work, but I think because of another issue. On my iPhone 6 for example, Modaal isn't trapping focus and the background page is scrolling instead. I suspect when that is fixed, your update will also work.

Edit: Ah, there's a background_scroll option for Modaal which defaults to false, so what I described is not necessarily a bug, but I think it still relates to the momentum scrolling issue. Will investigate further.

[danhumaan]

Hi @michalsnik, thanks again for your contribution. A fix has been just been rolled out in the latest release for this issue.

[michalsnik]

Hi @danb-humaan , good work! 👍