[TextField] floatingLabel does not float on Android Browser. #4519
Labels
bug 🐛
Something doesn't work
component: text field
This is the name of the generic UI component, not the React module!
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
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 ownWebkitTransform: 'perspective(1px) scale(0.75) translate3d(0, -28px, 0)',
(copied from TextFieldLabel.js) tofloatingLabelFocusStyle
on my own component and can confirm this fixes the problem.The text was updated successfully, but these errors were encountered: