20 px statusbar height in modals on iPad

[ohh2ahh]

I noticed that Ionic adds a 20 px height to the modal's header-bar. It's perfectly fine on an iPhone. But on the iPad there's no need for this gap because the modal isn't fullscreen.

[perrygovier]

Hey @ohh2ahh, are you using the latest beta? I'm not able to reproduce this on a nexus tablet looking at Ionic's modal demo: http://codepen.io/perrygovier/pen/uFjIm

[ohh2ahh]

Hi @perrygovier and thanks for taking a look.

It seems that the gap for the statusbar is only added on iOS and it's only an issue on iPad (landscape and portrait).

• Ionic v1.0.0-beta.6
• Cordova 3.5.0-0.2.4
• iOS Simulator with iOS 7.1.1

Steps to reproduce it:

1. Created a new project with $ ionic start myApp blank
2. Add modal (I did it like this: http://codepen.io/anon/pen/Adogq)
3. Run app on an iPad (Xcode Simulator or real iPad)

Here's a screenshot:

[ajoslin]

Thanks for the screenshot. Fixing.

[perrygovier]

Note, given that it's on an iPad aspect ratio, I wasn't sure how we could create a test for this in our current e2e setup. It is confirmed in this codepen though. http://codepen.io/perrygovier/pen/KqriH

[ferryfax]

Is this fix part of "release: v1.0.0-beta.9 "gadolinium-gator" ?

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.