Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v2 beta.10: navbar overlap with iOS statusbar when tabbar hidden #7203

Closed
zzpmaster opened this issue Jul 5, 2016 · 9 comments
Closed

v2 beta.10: navbar overlap with iOS statusbar when tabbar hidden #7203

zzpmaster opened this issue Jul 5, 2016 · 9 comments
Assignees
Milestone

Comments

@zzpmaster
Copy link

In beta 10, setting tabSubPages: true , althought the tabbar is hidden, but tabs view will overlap with iOS statusbar. like #6368.

screen_shot_2016-07-05_at_2_51_29_pm

screen_shot_2016-07-05_at_10_06_44_am

What behavior are you expecting?
not overlap.

Steps to reproduce:

  1. set tabSubPages: true in ionicBootstrap
  2. call nav.push to detail page

Which Ionic Version? 2.0.0-beta.10

Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.1
Ionic CLI Version: 2.0.0-beta.10
Ionic App Lib Version: 2.0.0-beta.3
ios-deploy version: 1.8.6
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v5.11.1
Xcode version: Xcode 7.1 Build version 7B91b

@jgw96
Copy link
Contributor

jgw96 commented Jul 5, 2016

Hello, thanks for opening an issue with us! Would you be able to provide a plunker that demonstrates this issue? Thanks for using Ionic!

@jgw96 jgw96 added the needs: reply the issue needs a response from the user label Jul 5, 2016
@TivonChen
Copy link

+1, only happend on ios device

@zzpmaster
Copy link
Author

@jgw96 Hello, this problem only happen on iphone or iphone simulator.

@TheBrockEllis
Copy link

I have having the same issue. I have a tabs page inside of a sidebar nav. All of my headers are squished up into the phone's toolbar. See screenshot (sorry for the wasted whitespace on the screenshot)
screen shot 2016-07-06 at 9 53 00 am

Ionic Info:

Cordova CLI: 6.2.0
Gulp version:  CLI version 3.9.1
Gulp local:   Local version 3.9.1
Ionic CLI Version: 1.7.16
Ionic App Lib Version: 0.7.3
ios-deploy version: 1.8.6
ios-sim version: 5.0.8
OS: Mac OS X El Capitan
Node Version: v4.4.5
Xcode version: Xcode 7.3.1 Build version 7D1014

@Ionitron Ionitron removed the needs: reply the issue needs a response from the user label Jul 6, 2016
@emeryao
Copy link

emeryao commented Jul 7, 2016

Have you try to use the status-bar plugin from ionic-native to solve this issue?

@brandyscarney brandyscarney self-assigned this Jul 7, 2016
@brandyscarney brandyscarney added this to the 2.0.0-beta.11 milestone Jul 7, 2016
@brandyscarney
Copy link
Member

This will be fixed in the beta 11 release. Also, tabSubPages has been renamed for beta 11 to tabsHideOnSubPages as part of #7143.

Just to let everyone know, if you set the statusbarPadding in the config you will be able to reproduce any status bar issues in a browser/plunker:

ionicBootstrap(E2EApp, [], {
  statusbarPadding: true
});

Thanks!

@ginsleepy
Copy link

beta 10
when tabSubPages:true, statusbarPadding:true won't fix the problem

@yelhouti
Copy link

Bug still present on beta 11, any news?

@alexmady
Copy link

Confirmed - this is still broken in beta 11. enabling tabsHideOnSubPages means that the tabs are indeed hidden on sub pages but the status bar padding is lost.

Please fix.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 8, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

10 participants