Consider using css-layout

[respectTheCode]

We should consider using css-layout and/or vendor prefixes to get the same layout rendering as react-native.

https://github.com/facebook/css-layout

[mattiamanzati]

Long time ago I considered to write this library as a custom renderer for react instead of writing some sort of html polyfills (and maybe I will reconsider that) and decided that using css-layout will involve extra cost for mobile devices in computation.

Anyway flexbox should be supported by almost 85% of the market, and vendor prefixes are already provided. (I tested it in IE10 mobile, and if it works in IE... almost anywhere! ahaha)

[respectTheCode]

I am having layout issues in Safari and it looked like flexbox was the problem. I will dig into this more.

[mattiamanzati]

Thanks for all your support about this project! Let me know any progress!

[respectTheCode]

Looks like a safari does things differently when mixing flexbox with minWidth. I restructured things and it is working now.

It would be very interesting to run the css-layout tests against other browsers. Facebook only tests it against Chrome. Those results would tell us if we need to consider css-layout or not.

It looks like about 2% of the traffic to the site I am replacing is on IE 9 or older. I will see what my client says but I may be experimenting with a polyfill.