Ionic-framework: v2 - floating labels don't display in iOS/Safari in Beta.4

[jasonwaters]

see this discussion thread in the forum: https://forum.ionicframework.com/t/ios-floating-labels-not-shown-after-upgrade-to-beta-4/48838/4

@brandyscarney

[thiphariel]

I'm just adding that it's not only floating, but stackedare not displayed neither. (Maybe more ?)

[brandyscarney]

Thanks for the issue! This will be fixed with the release of 2.0.0-beta.5.

As a temporary workaround until then, you can add the following css to your app (after the Ionic import):

ion-label[stacked],
ion-label[floating] {
  flex-basis: auto;
}

For example, you could have a global Sass file at theme/app.global.scss containing the above css, and then import that file in your theme/app.core.scss file:

// App Shared Imports
// --------------------------------------------------
// These are the various page imports which make up this app.
// By default each design mode includes these shared imports.
// App Shared Sass variables belong in app.variables.scss.

@import "./app.global";

I'll add this to the forum post, as well. :smile:

[thiphariel]

@brandyscarney Thanks for the tempo fix !

[mattlanham]

👍

[keithdmoore]

:+1:

[jasonwaters]

I hate to be the bearer of bad news, but it looks like this is not fixed in beta.5. Instead the labels appear blurred out:

[brandyscarney]

@jasonwaters I created a new issue for this, it's being caused by something other than this issue. Thanks for bringing it up, I'll add more here: https://github.com/driftyco/ionic/issues/6272