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

[TextField] floatingLabel does not float on Android Browser. #4519

Closed
sorahn opened this issue Jun 18, 2016 · 1 comment
Closed

[TextField] floatingLabel does not float on Android Browser. #4519

sorahn opened this issue Jun 18, 2016 · 1 comment
Labels
bug 🐛 Something doesn't work component: text field This is the name of the generic UI component, not the React module!

Comments

@sorahn
Copy link

sorahn commented Jun 18, 2016

Problem description

TextField floatingLabel does not float on Android "Browser".
Works fine on Android Chrome.

Steps to reproduce

Create a text field with a floating label. View it on a Android Browser.

Versions

Android Browser,
Galaxy Note 3,
Android 5.0

  • Material-UI: 15.0
  • React: 15

Description

The text field only uses the transform property, and does does not move properly on the android "Browser". I was able to work around this issue by adding my own WebkitTransform: 'perspective(1px) scale(0.75) translate3d(0, -28px, 0)', (copied from TextFieldLabel.js) to floatingLabelFocusStyle on my own component and can confirm this fixes the problem.

@oliviertassinari oliviertassinari changed the title TextField floatingLabel does not float on Android Browser. [TextField] floatingLabel does not float on Android Browser. Jun 18, 2016
@mpontikes mpontikes mentioned this issue Aug 5, 2016
13 tasks
@oliviertassinari oliviertassinari added the component: text field This is the name of the generic UI component, not the React module! label Oct 19, 2016
@oliviertassinari oliviertassinari added the bug 🐛 Something doesn't work label May 16, 2017
@oliviertassinari
Copy link
Member

We have been porting the component on the v1-beta branch. We reimplemented it from the ground-up. While we haven't tested it, I think that the issue is most likely fixed on that branch. Hence, I'm closing it.
Still, we will accept PR fixes until v1-beta takes over the master branch.

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

2 participants