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

iOS issue with header bar #2875

Closed
danjohnso opened this issue Jan 6, 2015 · 7 comments
Closed

iOS issue with header bar #2875

danjohnso opened this issue Jan 6, 2015 · 7 comments

Comments

@danjohnso
Copy link

screen shot 2015-01-05 at 8 27 32 pm

My html is very similar to this codepen you had posted in forums: http://codepen.io/mhartington/pen/fwyBh

Android does not have this, the .bar-header class sets top to 0. If I remove the top 113px and it falls back to the 64 px, things look normal. I still can't figure out where the has-tabs-top is coming from in the first place, but it's causing some havoc...

@gogoout
Copy link

gogoout commented Jan 6, 2015

I had the same behaviour with you in both Ios and Android but I don't know if it's the same cause.
It turns out my cause is using html5 mode in $locationProvider.
The solution therefore is turn html5Mode off $locationProvider.html5Mode(false);.
There is one releated issue here:http://stackoverflow.com/questions/23276751/html5-mode-with-phonegap-and-angularjs/23278821#23278821

@danjohnso
Copy link
Author

Doesn't seem to cause any issues on android adding that...I will have to check at home on the iOS. I would still appreciate if one of the devs could comment on if they have seen this before

@mhartington
Copy link
Contributor

Can you give the nightly builds a try? This was merged to fix that issue.

@russmatney
Copy link

I was experiencing this on ios as well (only in the built app on an emulator/device, never in a local/emulator browser), and pulling in the latest nightly seems to have fixed it after rebuilding. Some other issues have popped up that i'm happier to be working through now, smaller ones that are reproducible in the browser (just a missing icon and a broken angular filter so far).

@russmatney
Copy link

A quick follow up – the missing icon was just an ionicons icon name update (ios7-paper to ios-paper) and the broken filter was a bug i introduced myself when trying to fix the above spacing issue (i'd changed a label.item to a ion-item and isolated the scope).

@mhartington mhartington added android needs: reply the issue needs a response from the user and removed android labels Feb 12, 2015
@Ionitron
Copy link
Collaborator

Greetings @danda1man!

I've closed this issue because my sensors indicated that perhaps it is no longer applicable--or may have already been fixed. However, if you are still experiencing this issue, please feel free to reopen it by creating a new one, and provide the following information, so that I may assist you:

  • Can you provide a detailed description of this issue?
  • How would a robot go about replicating this issue?
  • On which platform does this issue occur? (iOS, Android, all, etc.)
  • On which platform versions does this occur? (Android 4.2, iOS 8, all, etc.)
  • Is this an issue with the Ionic Framework or Ionic CLI?

Additionally, providing a codepen which replicates the issue is extremely helpful.

If you wish to get help using the framework itself, I recommended visiting the forum. The humans there would be delighted to help you.

Thank you for allowing me to assist you.

@Ionitron Ionitron added ionitron:closed and removed needs: reply the issue needs a response from the user labels Feb 25, 2015
@danjohnso
Copy link
Author

Sorry I forgot to check on this. I can confirm that th nightly build fix this as well as some other issues with the header bars in ios. Thanks!

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 6, 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

5 participants