Skip to content

Commit

Permalink
[docs] Textfield floating label limitation
Browse files Browse the repository at this point in the history
  • Loading branch information
oliviertassinari committed Aug 3, 2019
1 parent 8daf46e commit 17718ca
Showing 1 changed file with 7 additions and 0 deletions.
7 changes: 7 additions & 0 deletions docs/src/pages/components/text-fields/text-fields.md
Original file line number Diff line number Diff line change
Expand Up @@ -94,6 +94,8 @@ other styles to meet the specification.

## Limitations

### Shrink

The input label "shrink" state isn't always correct.
The input label is supposed to shrink as soon as the input is displaying something.
In some circumstances, we can't determine the "shrink" state (number input, datetime input, Stripe input). You might notice an overlap.
Expand All @@ -109,6 +111,11 @@ or
<InputLabel shrink>Count</InputLabel>
```

### Floating label

The floating label is absolutely positioned, it won't impact the layout of the page.
You need to make sure that the input is larger than the label to display correctly.

## Integration with 3rd party input libraries

You can use third-party libraries to format an input.
Expand Down

0 comments on commit 17718ca

Please sign in to comment.