Following was observed on input focus (keyboard open) and then scrolling up / down with good speed and typing something (Ionic V1 WKWebView iOS):
- sub-header was thrown out of view
- Footer was appearing randomly anywhere on the page.
- The content view scroll was restricted. I could only scroll in some parts of the page and the rest of the page was inaccessible. It was creating a bounce effect as if I touched the end of the page.
- Touching anywhere on the content page fixed it but obviously a major issue.
Solution
1 | <ion-content overflow-scroll="true"> |
1 2 3 4 5 6 7 | // @source: https://ionicframework.com/docs/v1/api/provider/$ionicConfigProvider/ // App level across all devices $ionicConfigProvider.scrolling.jsScrolling(false); // Platform level across the entire app $ionicConfigProvider.platform.android.scrolling.jsScrolling(false); |
Read more about the options provided by ion-content here.
That’s it. Overflow scroll did the trick for me.