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.

Sign up for GitHub

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

Already on GitHub? Sign in to your account

Jump to bottom

TextField variant="outlined" label displayed in border on mobile devices when child of Grid #22490

Closed
1 task
icon02 opened this issue Sep 4, 2020 · 2 comments
Closed
1 task

TextField variant="outlined" label displayed in border on mobile devices when child of Grid #22490

icon02 opened this issue Sep 4, 2020 · 2 comments
Labels
component: text field This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists

Comments

@icon02
Copy link

icon02 commented Sep 4, 2020 •
edited

  • I have searched the issues of this repository and believe that this is not a duplicate.

Summary

If I use a within a Grid component, the text will be displayed in the border.

Steps to Reproduce 馃暪

Use a TextField inside a

and another one inside a . The one inside the
will work properly on while the one inside the will cause the mentioned problem on mobile browsers (in my case Firefox and Safari on iPhone 8).
@see: https://1lidr.csb.app/

Your Environment 馃寧

Tech Version
Material-UI v4.11.0
React 16.13.1
Browser Safari, Firefox
@icon02 icon02 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Sep 4, 2020
@oliviertassinari oliviertassinari added duplicate This issue or pull request already exists and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Sep 4, 2020
@oliviertassinari
Copy link
Member

Duplicate of #21664

@oliviertassinari oliviertassinari marked this as a duplicate of #21664 Sep 4, 2020
@oliviertassinari oliviertassinari added the component: text field This is the name of the generic UI component, not the React module! label Sep 4, 2020
@oliviertassinari
Copy link
Member

It's fixed in v5.0.0-alpha.8

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: text field This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@oliviertassinari @icon02