Create-react-app: Flexbox css breaks in Safari 8 and iOS 8

Created on 22 Sep 2017  路  2Comments  路  Source: facebook/create-react-app

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!)

All 2 comments

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

wereHamster picture wereHamster  路  3Comments

onelson picture onelson  路  3Comments

ap13p picture ap13p  路  3Comments

xgqfrms-GitHub picture xgqfrms-GitHub  路  3Comments

dualcnhq picture dualcnhq  路  3Comments