Pullup over navbar

[AdrienDC]

Hello,
I recently updated my iphone and I got an issue I didn't have before on IOS 9.3.2.
When I tap on the pullup item it goes beyond where it supposed to go, see the screenshot.

It's happening only on IOS, not Android though... Shall I play with max-height for a workaround?

Thanks !

[arielfaur]

@AdrienDC I think you are the first one to report this. Are you still having issues?
I wonder if anybody else has experienced this. Seems to work well on my end.

[jsanta]

Had some similar problem once, because my layout uses a double header line.
Ended adding an overrrideBottom attribute and setting a fixed value for CSS bottom when required. A not-so-nice solution.

[AdrienDC]

Hello @arielfaur ,
yes still got the problem.. It's like the height of the status bar is not included because I've tried to manually input and I got the same result:
footer.height = footer.maxHeight > 0 ? footer.maxHeight : $window.innerHeight - 93 - 25

Corresponding to the window height minus tabs height and header height.

[arielfaur]

I wonder if that happens without tabs. @jsanta did your template have bottom tabs too?

[jsanta]

Yes, one of my views has bottom-tabs.
The last time I messed with the code I noticed there was a slight problem with the active view selector in the plugin, haven't seen the updated version.

[AdrienDC]

Just a thought, are you using StatusBar plugin?
I was wondering if StatusBar.overlaysWebView(false); has any effect.

[arielfaur]

So this bug seems to appear only when adding tabs to a template. I am not certain it makes sense at all to have a pullup together with tabs. Both Android and iOS have bottom tabs by default as of the latest version and I am not sure it is a valid use case in terms of usability to show a footer above the tabs. What do you think?

[AdrienDC]

Bad news.. I think it still make sense to use it with tabs because you may want to display something temporary, for example notifications.. And it shouldn't be above tabs indeed, it should stop when reaching the tabs bar.

[AdrienDC]

I had to remove 20 pixels to get it right for iOS

[AdrienDC]

Now it seems to be corrected in iOS 10...

[arielfaur]

I am now focused on Ionic 2 and will stop any further development of this plugin for Ionic 1 due to lack of time. With Ionic 2 everything seems to run smoother!

[ipleh]

Hi!
I think there is mistake in ion-pullup.scss file.

scroll-content {
          margin-bottom: calc(#{$toolbar-ios-height} + #{$tabHeight});
        }

should be

.scroll-content {
          margin-bottom: calc(#{$toolbar-ios-height} + #{$tabHeight});
        }

since scroll-content is a class in div element, not an element himslef.
Hope that will help.

[arielfaur]

@ipleh This thread is for the Ionic 1 version. I think you refer to Ionic 2, right?

[ipleh]

Right, sorry for that.