Vuetify: [Bug Report] Label aligment on full-width textareas

[monsdroid]

Versions and Environment

Vuetify: 1.1.4
Vue: 2.5.16
Browsers: Chrome 67.0.3396.99
OS: Windows 10

Steps to reproduce

v-textarea with label and full-width

Expected Behavior

same as without full-width, label on top

Actual Behavior

label keeps position inside full-width

Reproduction Link

https://codepen.io/monsdroid/pen/KBMzVa?editors=1010

[praveenpuglia]

Looking into it.

[praveenpuglia]

Hi @monsdroid . Sorry! Haven't been able to look into it due to personal things. I'll check it out as soon as I can.

[praveenpuglia]

@KaelWD , @johnleider - is this really required ?
https://github.com/vuetifyjs/vuetify/blob/dev/src/stylus/components/_text-fields.styl#L260-L261

this is causing the bug. I don't think floating labels are tested with the texarea with the full-width prop set. The bug can also be seen at https://vuetifyjs.com/en/components/text-fields#example-full-width-with-character-counter

Steps to reproduce

• Remove the content of the message field. See the cursor and the label placement.

If we remove the top calculation for the textarea label, it works as expected.

[praveenpuglia]

Further investigation.

Both of these styles force the label to come down. I am not sure of the required behaviour with all the combinations of single-line and full-width props

[praveenpuglia]

Didn't realize I got assigned to it. Will check it out today.

[kaminilsen]

Are there any updates on this?

[catonalake]

Also wondering if there was any progress on the v-textarea label relocation when users start to enter data :)