Vuetify: [Bug Report] Text field's label does not adjust according to prefix

[leonardojobim]

Versions and Environment

Vuetify: 1.0.5
Vue: 2.5.13
Browsers: Chrome 64.0.3282.186
OS: Mac OS 10.13.3

Steps to reproduce

1. Just see the text field in the reproduction link. The prefix is overlapping the label.

Expected Behavior

1. The label should adjust itself to the right to avoid collision.

Actual Behavior

1. The prefix overlaps the label.

Reproduction Link

https://codepen.io/johnjleider/pen/bgJOrX

[jacekkarczmarczyk]

Codepen is empty, you need to save it first

[leonardojobim]

@jacekkarczmarczyk Done ! I thought the autosave was enabled.
https://codepen.io/anon/pen/BYXmpz

[jacekkarczmarczyk]

Weird, regression or it wasn't fixed in 0.17?
https://github.com/vuetifyjs/vuetify/issues/1620#issuecomment-364528407

Also the text in the input is higher than the prefix

Might be already resolved by https://github.com/vuetifyjs/vuetify/pull/3469

[KaelWD]

There's also #760

It was never fixed as far as I can tell, the codepen in #1620 is broken with 0.17 too.

[jacekkarczmarczyk]

If I understand correctly it's intended

I've created a separate issue for alignment in case this one is closed as won't fix

[KaelWD]

Supporting a dynamic prefix length is actually quite difficult

Even with flexbox? Seems like it should be fairly simple at first glance.

[creativenoobie]

@KaelWD Any updates on this?