vuematerial / vue-material

Vue.js Framework - ready-to-use Vue components with Material Design, free forever.
https://www.creative-tim.com/vuematerial
MIT License
9.89k stars 1.15k forks source link

The `md-helper-text` does not grow to content #2130

Open A1rPun opened 5 years ago

A1rPun commented 5 years ago

Helper text

From material.io

Helper text conveys additional guidance about the input field, such as how it will be used. It should only take up a single line, being persistently visible or visible only on focus.

Using the latest build. Searched the issue, nothing found. I'm having this issue and would like to know how to solve it in vuematerial. I even accept an answer as "Don't use long helper texts".

Steps to reproduce

When using an md-field I want to add a helper text that may span multiple lines on desktop or mobile. When the content reaches multiple lines the margin-bottom: 24px of the md-field isn't adequate.

1570182848

Which browser?

Firefox, Chrome

What is expected?

The md-helper-text auto-grows in height. Just like the mdc-text-field-helper-text in material.io.

What is actually happening?

See picture above.

Reproduction Link

-