search

material-components / material-components-web-catalog

Catalog of Material Components for the web (MDC Web)
https://material-components.github.io/material-components-web-catalog/
Apache License 2.0
116 stars 42 forks source link

Update Full Width Text Field Demos #271

Closed qs-labs closed 5 years ago

qs-labs commented 5 years ago

(referencing material-components-web-react #380)

Both Full Width Text Field demos are preserving labels, a behavior no longer supported (see here).

image

bonniezhou commented 5 years ago

Hey @qs-labs - what do you mean by preserving labels?

In the screenshot, the first text field is not using mdc-floating-label, as documented. The second is a full-width textarea, which does not have the same restrictions as a full-width text field.

qs-labs commented 5 years ago

Hi @bonniezhou - thanks for the clarification. I recently discovered the ability to apply a label to a full-width text field by adding it to the <input /> element directly; previously, I had mistakenly identified the full-width label as an mdc-floating-label. With regards to the textarea, it seems I misunderstood the documentation. My apologies for not closing this one earlier!