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

Select dropdown on docs site doesn't work in mobile browsers #3617

Closed
w01fgang opened this issue Mar 7, 2016 · 9 comments
Closed

Select dropdown on docs site doesn't work in mobile browsers #3617

w01fgang opened this issue Mar 7, 2016 · 9 comments
Labels
component: select This is the name of the generic UI component, not the React module! mobile Targets mobile platform

Comments

@w01fgang
Copy link

w01fgang commented Mar 7, 2016

Problem Description

Select dropdown on docs site doesn't work on mobile browsers.
z29cd11f005e6871997b

I think is used some new es6 feature.

Versions

  • Material-UI: v0.14.4, v0.15.0-alpha.1
  • React: ?
  • Browsers: Safari 7.0/8.0 iPhone 5s/6s / IOS 7.0/8.1, Android 4.4, Chrome 35
    on Android 5 Crome 48 works well
@mbrookes
Copy link
Member

mbrookes commented Mar 7, 2016

Material-UI: v0.14.4, v0.15.0-alpha.1

Did you test v0.15.0-alpha.1?

@w01fgang
Copy link
Author

w01fgang commented Mar 7, 2016

v0.15.0-alpha.1 doesn't work on safari 5 on iPad 2, but I don't know if how use them.
Yes works well, but I can't select this version. Only if I know the address /v0.15.0-alpha.1

@mbrookes
Copy link
Member

mbrookes commented Mar 7, 2016

And when you visit /v0.15.0-alpha.1, what happens?

@w01fgang
Copy link
Author

w01fgang commented Mar 7, 2016

blank screen
page doesn't loads at all

@w01fgang
Copy link
Author

w01fgang commented Mar 7, 2016

And there is a problem with Autocomplete, I was thinking it is similar.
video
The popover doesn't appears, but when I click 'done', it flashes on a moment. It doesn't visible in the gif animation.
In the v0.14.1 it works, but the other versions it's broken.
What should I do? Create new issue?

--edit
oh! and one important thing: I use webpack for package the bundle. In the development version it works, but in the production it doesn't. I can't understand why.

@mbrookes
Copy link
Member

mbrookes commented Mar 7, 2016

blank screen
page doesn't loads at all

It's working here in Safari on iOS 9.2.1 on an iPhone 5s for 0.14.4 and 0.15.5-alpha.1

@w01fgang
Copy link
Author

w01fgang commented Mar 7, 2016

Yes, but in older versions of IOS it doesn't work.
I use crossbrowsertesting.com for testing the older versions and I don't know how to see the errors :(

@maxpechenin
Copy link
Contributor

The iOS 8.* and Android 4.* supports transform only with -webkit- prefix. So every component, which uses styles/auto-prefix.js (which sets style directly without prefixing) is under the risk. I've quickly dug into this, looks like it's because of https://github.com/callemall/material-ui/blob/master/src/menus/menu.jsx#L232-L233 . Styles prefixes in render, so there is no sence to not prefix them somewhere else IMO.

@mbrookes
Copy link
Member

mbrookes commented Mar 8, 2016

Thanks for adding the affected versions.

@zannager zannager added component: select This is the name of the generic UI component, not the React module! mobile Targets mobile platform labels Dec 21, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: select This is the name of the generic UI component, not the React module! mobile Targets mobile platform
Projects
None yet
Development

No branches or pull requests

5 participants