flex attribute compile error

[sam019]

Is this a bug report?

yes

Did you try recovering your dependencies?

yes

Which terms did you search for in User Guide?

Environment

1. node -v: v9.3.0
2. npm -v: 5.6.0
3. yarn --version (if you use Yarn):
4. npm ls react-scripts (if you haven’t ejected): 1.1.0

Then, specify:

1. Operating system: macOS 10.13.2
2. Browser and version (if relevant): Google Chrome Canary 66

Steps to Reproduce

(Write your steps here:)

1. write this in css: flex: 1 1 0;, this mean flex-grow: 1; flex-shrink: 1; flex-basis: 0
2. save and compile

Expected Behavior

the compiled css should be: flex: 1 1 0;

Actual Behavior

the compiled css is: flex: 1 1;

because flex: 1 1; mean flex-grow: 1; flex-shrink: 1; flex-basis: 0%; the problem is:
flex-basis: 0% not equal to flex-basis: 0, and so produce style bug

[gaearon]

because flex: 1 1; mean flex-grow: 1; flex-shrink: 1; flex-basis: 0%;

What do you base this information on? MDN claims the default value for flex-basis is 0.

https://developer.mozilla.org/en-US/docs/Web/CSS/flex

I believe the spec says the same.

[sam019]

@gaearon yes, you are right. But in chrome 64.0.3282.140 (64-bit)，the default value for flex-basis is 0%, I think this is a bug.

[gaearon]

Please report it to Chrome 🙂