Recent change broke my app =(

[caseywebdev]

This reverts commit 0094b57.

These are still necessary! Latest Safari, Chrome, and Firefox still need prefixes...

[buschtoens]

@caseywebdev Have you tried #118 before opening this issue?

#115 removes the obsolete (badly documented) syntax and enables the new one. We should not use the old syntax anymore, even if it seems to be broader supported at the moment. Nevertheless #115 tries to translate to the old syntax, so apps for old browsers don't break.

This is #115' + #118's support:
The translated new properties are:

• align-items
• flex
• flex-basis
• flex-direction
• flex-flow
• flex-grow
• order

Untranslated new properties:

• align-content
• algin-self
• flex-shrink
• flex-wrap
• justify-content

Obsolete properties that are now inaccessible:

• box-flex-group
• box-lines
• box-pack

As long as you don't use box-flex-group, box-lines or box-pack, your app should look just fine with #118. #115 had some issues with expanding boxes, but #118 enables this feature. So please try #118 with your app and tell me if it works. Then #118 should be merged and devs should settle for the new syntax.

@visionmedia At the moment we have two syntaxes to accomplish an (almost) same result. When the new syntax gets standardised should we switch to the new one (which still partially translates to support older browsers) and deprecate the old one?

[caseywebdev]

I wasn't aware of the new syntax, but I see what you mean. Changing

display box
box-align center
box-pack center

to

display flex
justify-content center
align-items center

Is now yielding the correct results. I'm +1 for #118, but I fear for everyone else who is going to run into this suddenly.

[buschtoens]

Cool man! Thanks! :D
Yeah, you're right; people who are unaware of the new syntax will have a broken design. I thought about adding some ::before or ::after rules to notify users of the old syntax, that it's deprecated, but this is a little over the top.

It's up to @visionmedia, what we do.

[tj]

I dont know I dont have time to keep track of all these things haha, whatever actually works is a +1 from me

[buschtoens]

Then it's #115 + #118 + #126. But brace yourself for a storm of "my app doesn't work" issues.

[tj]

haha well yeah that's why we should get it reasonably right the first time