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

[DatePicker] Older device style issues #4764

Closed
bdart opened this issue Jul 21, 2016 · 3 comments
Closed

[DatePicker] Older device style issues #4764

bdart opened this issue Jul 21, 2016 · 3 comments
Labels
component: date picker This is the name of the generic UI component, not the React module! out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future)

Comments

@bdart
Copy link

bdart commented Jul 21, 2016

Problem description

Like shown on the picture there is something wrong about the styles here. Same things appear on Android vs 4.1.1, 4.2.2 like shown in the 2nd picture.

Steps to reproduce

Open the calendar via inline option. Resolution was 1400px in width

Versions

  • Material-UI: 0.15.2
  • React: 15.0.2
  • Browser: IE 10 on Windows 7, IE 10 on Windows 8, Android 4.1.1, Android 4.2.2

Images & references

Windows
image

Android 4.1.1
image

further Testing

  • problem does not occur on IE 11
@bdart bdart changed the title Windows 7 IE 10 DatePicker styles broken Older device style issues for DatePicker Jul 21, 2016
@mpontikes mpontikes mentioned this issue Aug 5, 2016
13 tasks
@Yaxian
Copy link
Contributor

Yaxian commented Nov 9, 2016

Hello, @bdart
I meet this problem in IE 11, too. But I fix it by modifying the webpack.config.js.

module.export = (config) {
  entry: [
    'babel-polyfill', // that it works
    'app',
  ],
};

Hope it works for you, too.

@oliviertassinari oliviertassinari added the component: date picker This is the name of the generic UI component, not the React module! label Dec 18, 2016
@oliviertassinari oliviertassinari changed the title Older device style issues for DatePicker [DatePicker] Older device style issues Dec 18, 2016
@t09tanaka
Copy link

Hi,

I meet this problem in older Android devices and in Google Chrome Mobile Simulator (Galaxy S III).
I guess the cause is CSS3 flexbox and we can`t override those styles.

@mbrookes mbrookes added Cross Browser Support out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future) labels Jan 18, 2017
@mbrookes
Copy link
Member

Yes, we are moving increasingly towards flexbox, sorry, but this is unlikely to change.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: date picker This is the name of the generic UI component, not the React module! out of scope The problem looks valid but we won't fix it (maybe we will revisit it in the future)
Projects
None yet
Development

No branches or pull requests

5 participants