TextField filled and with InputAdornment is always shrink
See original GitHub issueHello,
I’m trying to style TextField with InputAdornment which I use to render icon but apparently, as soon as I use adornment input label is being set to shrink: true
I want to maintain shrinking functionality so that it’s shrinking only when I focus input and not always. Can I override this somehow?
Issue Analytics
- State:
- Created 5 years ago
- Reactions:2
- Comments:8 (7 by maintainers)
Top Results From Across the Web
TextField filled and with InputAdornment is always shrink
I want to maintain shrinking functionality so that it's shrinking only when I focus input and not always. Can I override this somehow?...
Read more >Label position for Material-UI text field with icon adornment ...
I use Material-UI TextField with an Icon inside like this. The label "Your good name here" should be next to the icon instead...
Read more >React Text Field component - Material UI - MUI
The input label "shrink" state isn't always correct. The input label is supposed to shrink as soon as the input is displaying something....
Read more >Text Field - MudBlazor - Blazor Component Library
Form Props. Dense. With the margin prop you can reduce the text field height.
Read more >@material-ui/core InputAdornment TypeScript Examples
inputRoot, input: classes.inputInput }} startAdornment={ <InputAdornment position="start"> <SearchIcon /> </InputAdornment> } endAdornment={ ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@oliviertassinari sure, lemme prepare something 😃
Closing this as a duplicate of #13898