Ionic V1 footer, subheader jumping out of view (WkWebView iOS)

By November 17, 2019Ionic

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.

priyankmaniar

Author priyankmaniar

More posts by priyankmaniar