Skip to main content
Ionic

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

By November 17, 2019No Comments

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.