Radium: Flexbox broken in Chromium

[ratiotile]

I have a Radium wrapped component which uses the display: 'flex', alignItems: 'center' style. In Chromium Version 51.0.2704.79 Built on Ubuntu 14.04, running on LinuxMint 17.1 (64-bit) the rendered css is missing display: 'flex', and only contains align-items: 'center'. Removing the Radium wrapper around the component: Radium(class ...), causes it to render correctly.

Firefox on the same machine, and Chrome under Windows both render correctly.

[realcr]

I managed to reproduce this problem on Ubuntu 16.04. Firefox and Chrome on the same machine work correctly.

[philiptzou]

Maybe related with #822.

[dmatteo]

tl;dr;

Please publish a new minor or patch of radium and this will be fixed as well

Longer version:

The problem seems to be [email protected], which is a dependency of [email protected]. Radium 0.8.1 depends on it.

I was able to workaround this problem by forking radium and using npm link from master, since you've updated your dependency over inline-style-prefixer to be ^2.0.1, which does not depend on inline-style-prefixer-all anymore.

This fixed the issue, or actually, removed the problematic dependency

[dmatteo]

Obviously, installing from radium/master works as well.

[limpbrains]

Please publish new version of the radium, with this fix

[puzzfuzz]

Any movement on this? We just ran into this issue as well after updating to the latest stable. Seems pretty major to just not support flex on Chromium?

[Outpox]

Can also reproduce in Vivaldi (which is based on Chromium).

[pcorpet]

0.8.2 has been released, this should be resolved now.

[ratiotile]

Thanks! I will test it soon.

[omryr]

did this work for anyone? im trying to support a chromium based browser (yandex) and display: flex
turns to :
-webkit-box-align: stretch;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;

[pcorpet]

It worked for me.

[ratiotile]

The new version fixed the problem.

[cjimmy]

I'm not sure why, but this is still happening to me. I have an inline style that includes display: 'flex' and when it shows up in Chrome or Firefox, that line is not present in the inline style. When I remove Radium, it's fine. Oddly, this is not the case when running a local dev server, but only in production.

I'm on Radium 0.19.6 and the aforementioned module inline-style-prefixer is at ^2.0.5. Any thoughts on why this is happening?