Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

disableUnderline doesnt work in Textfield #13085

Closed
popuguytheparrot opened this issue Oct 3, 2018 · 2 comments
Closed

disableUnderline doesnt work in Textfield #13085

popuguytheparrot opened this issue Oct 3, 2018 · 2 comments
Assignees
Labels
bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module!

Comments

@popuguytheparrot
Copy link

popuguytheparrot commented Oct 3, 2018

disableUnderline doesnt work in Textfield

image

export const Search = () => (
  <TextField
    placeholder="Search..."
    variant="filled"
    InputProps={{
      disableUnderline: true,
      startAdornment: (
        <InputAdornment position="start">
          <SearchIcon />
        </InputAdornment>
      )
    }}
  />
);

It should look like in Google keep
image

Tech Version
Material-UI v3
React 16
@RamYadlapalli
Copy link

Try removing variant="filled", then you won't see underline

@popuguytheparrot
Copy link
Author

Try removing variant="filled", then you won't see underline

image

This is not a solution. It should look like in Google keep

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module!
Projects
None yet
Development

No branches or pull requests

3 participants