scroll="false" in sidemenu causes text to disappear ios/safari

[egolts]

tested on ios 7 + safari 7.0.3:

following the 'ionic book' http://ionicframework.com/docs/guide/ I noticed the sidemenu text is hidden (seems to be a z-index issue) after adding scroll="false" to ion-content in the sidemenu. Shows up fine on android/chrome.

[omritoptix]

having the same problem

[perrygovier]

This codepen confirms the issue. http://codepen.io/perrygovier/pen/gHbtu

This may be related to #1467

I can confirm the issue even on desktop Safari in the codepen above.

[fabianmu]

I can confirm this as well, seems def. related to #1467

[mindstorm]

seems, that beta.9 breaks the fix. the content is invisible again on safari,

see: http://codepen.io/mindstorm/pen/HcdhE

[perrygovier]

Looks ok to me, what device/version are you using?

[mindstorm]

Safari 7.0.5:

Chrome 35:

Mobile Safari 7.1

[mindstorm]

adding a higher z-index than 10 to
<ion-content scroll="false">
fixes it.

[perrygovier]

Thanks @mindstorm, Note this is not an issue on ios 8 or safari with yosemite.

[perrygovier]

doh, @tlancina beat me to it

[mindstorm]

correct @perrygovier - its in iOS 7 / Safari 7 issue (see first comment in this issue)
will there be a fix in one of the next builds?
thank you

[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.