5

I am using Angular UI Router. Whenever I click on a link with ui-sref the address bar from ios mobile browser shows up. For example when I scroll down, the address bar hides and if I click on a link and the page transition finishes the ui address bar shows up instantly. This makes it less user friendly as the page suddenly shifts a little downwards because of the address bar.

This website has the same issue that I have.

I have found a website that doesn't have this issue although they are not using angular.

This does not happen on android chrome. And only happens in the ios safari. The version that I have tested in was ios 9.

I have tried overflow hidden but this is not the solution that I want because then the address bar is always visible.

What's triggering this behavior?

Raymond the Developer
  • 1,576
  • 5
  • 26
  • 57

1 Answers1

0

I have not tested this, but I remember having a similar issue a while back.

I think you could add this meta tag:

<meta name="viewport" content="minimal-ui”>

Check out these other posts: Post 1, Post 2.

Note: minimal-ui is no longer supported in iOS 8 and above (More info). However, not all users have upgraded to iOS 8, so there is still a reason to add it to your project.

Community
  • 1
  • 1
amu
  • 778
  • 6
  • 16