Skip to content

[ionic 4-beta.15] ion-label doesnt float properly with ion-textarea #16303

@idanzapp

Description

@idanzapp

Bug Report

Ionic Info
Run ionic info from a terminal/cmd prompt and paste the output below.

Ionic:

   ionic (Ionic CLI)             : 4.3.1 (C:\Users\Samir\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.0.0-beta.15
   @angular-devkit/build-angular : 0.10.5
   @angular-devkit/schematics    : 7.0.5
   @angular/cli                  : 7.0.5
   @ionic/angular-toolkit        : not installed

Cordova:

   cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms     : android 7.0.0, ios 4.5.5
   Cordova Plugins       : not available

System:

   Android SDK Tools : 26.1.1 (C:\Users\Samir\AppData\Local\Android\Sdk)
   NodeJS            : v10.9.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.4.1
   OS                : Windows 10

Describe the Bug
you need to actively focus on <ion-textarea> to get a working <ion-label position=float>

in this image <ion-input> the label is floating well into a form with the default data
but on <ion-textarea> the label isnt floating
floating

in this one after select the <ion-textarea>
the floating start working
focusontextarea

Expected Behavior
When <ion-textarea> got default data, his label should float.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions