question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TextField filled and with InputAdornment is always shrink

See original GitHub issue

Hello,

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:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:8 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
bytasvcommented, Jan 9, 2019

@oliviertassinari sure, lemme prepare something 😃

0reactions
eps1loncommented, Apr 22, 2019

Closing this as a duplicate of #13898

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found