iOS scrolling problem when using search bar

Hi there and thanks in advance for any help.

I have a scroll bug which I have tried to recreate using this code, as I can’t share my work related code: https://github.com/driftyco/ionic-preview-app/tree/master/src/pages/searchbars

Basically everything works fine until the search results extend past the first page.

If you try to scroll down (slide up) past the final result, the header of the app gets pushed behind the iOS top bar like the following pic (underlined red):

Until it disappears completely.

If you scroll the items back, the header reappears, but I’m wondering if there is a fix to stop the app from doing this. Obviously this was recreated on an emulator but the same thing happens on our iPhone 7 test device and on different Macs we have for development.

The versions of packages/system info I’m using:

global packages:

@ionic/cli-utils : 1.1.2
Ionic CLI        : 3.1.2

local packages:

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-ionic-angular : 1.1.2
Ionic Framework                 : ionic-angular 3.2.1

System:

Node       : v7.9.0
OS         : macOS Sierra
Xcode      : Xcode 7.3.1 Build version 7D1014 
ios-deploy : 1.8.6 
ios-sim    : 5.0.8 

I hope someone has found a solution to this.

Thanks again!

1 Like

same issue here. Any updates?