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

Flexbox css breaks in Safari 8 and iOS 8 #3172

Closed
yshing opened this issue Sep 22, 2017 · 2 comments
Closed

Flexbox css breaks in Safari 8 and iOS 8 #3172

yshing opened this issue Sep 22, 2017 · 2 comments

Comments

@yshing
Copy link

yshing commented Sep 22, 2017

Due to the 'no-2009' flag in auto-prefix configuration, iOS 8 and Safari 8 flexbox layout breaks.

Removed the 'no-2009' flag solves the problem.

Pathcing node_modules/react-scripts/config/webpack.config.dev.js and remove the no-2009 line fixes the issue.

Is this a bug report?

yes

Can you also reproduce the problem with npm 4.x?

yes

(Write your answer here.)

Which terms did you search for in User Guide?

Expected Behavior

(Write what you thought would happen.)
Flexbox should display OK in iOS 8 and Safari 8 by current autoprefix config.

Actual Behavior

Flexbox layout totally breaks due to not being prefixed.
(Write what happened. Please add screenshots!)

@miraage
Copy link

miraage commented Sep 25, 2017

This is a very specific case for outdated devices/systems. You can simply eject and change configuration.

@Timer
Copy link
Contributor

Timer commented Sep 29, 2017

Closing as a duplicate of #2248.

@Timer Timer closed this as completed Sep 29, 2017
@lock lock bot locked and limited conversation to collaborators Jan 21, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants