Ionic-framework: bug: floating label does not get primary color on focus

[bkarv]

Support Question

This is an observation I noticed between Ionic 3 and Ionic 4, the input boxes underline for PWA no longer highlights to the primary color on focus. Was this intentional?

I actually prefer having it off by default anyway but is there an option to restore the highlights on focus?

Ionic 3

Ionic 4

[paulstelzer]

Thanks for the issue! Are you still seeing this problem in latest, 4.0.0-beta.17?

[bkarv]

Underline highlights on focus but not floating label

[paulstelzer]

@bkarv Thanks for your answer! Take a look at the documentation ( https://beta.ionicframework.com/docs/api/input ). To get a floating label you have to use the following:

<ion-item>
  <ion-label position="floating">Floating Label</ion-label>
  <ion-input></ion-input>
</ion-item>

If your problem is solved, we can close this issue :)

[bkarv]

Seriously??? Sorry but my issue wasn’t on how to make a floating label, it was that fact the the floating label doesn’t focus to the primary colour like it did in ionic 3. I know you have been given the task to close out as many open issues and I understand why but please check the original question/issues being reported.

[paulstelzer]

Thanks for your answer and clarify what you want. Now I understand it :) I will take a lookt at it

[bkarv]

Thanks and I do feel your pain, massive exercise you have been given. Good luck :)

[paulstelzer]

So sorry, that I did not understand you correctly! But it's indeed an issue (for material design). I will notify the Ionic dev team for this.

Expected:

Link to Material Design: https://material.io/design/components/text-fields.html#filled-text-field

Current:

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