Improving experience inside of safari (non-cordova)?


I understand that Ionic is primarily designed to build native apps, and we are interested in shipping iOS and Android cordova apps, but the majority of our users are on iPhone and will choose to use the mobile version of our site in safari 7+ (ie. decline to install from app store).

When porting our mobile app into ionic the “native” experience gets much better, but the experience in safari is slightly degraded: because of the Ionic viewport scrolling behavior the safari chrome will never collapse and vertical space is lost, making the experience feel more constrained. It is hard to justify moving to ionic to improve the “native” experience if it degrades the experience for >50% of the users.

Is there any solution to this? Is this something that the framework might address in the future, or is it not really considered a problem?


We may consider taking a look at it after 1.0, but our main focus right now is hybrid apps


@stereosteve Did you add content=“minimal-ui” to your viewport meta tag? This removes nearly all of the Safari chrome. My complete meta tag looks like this:

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width, minimal-ui">