Flex component doesn't get display:flex style about jsxstyle

[iest]

Realised the last npm published version of this is 0.0.18 — installed direct from github and now everything works perfectly (with the styles being appended to the head).

So weird.

[wmonk]

I saw your comment from twitter 😄

Pulled the example directory and just changed it to use the Flex component. The CSS it generated works fine, because it puts it into a <style> tag like this:

<style>
.jsxstyle3 {
width:192px;margin-left:auto;margin-right:auto;align-items:center;background:rgba(10, 0, 0,0.8);display:flex;display:-webkit-flex;display:-ms-flexbox;-webkit-align-items:center;
}
</style>

not as an inline style.

[iest]

@wmonk that's using the jsxstyle webpack loader right? I'm using webpack usual style-loader... everything else works as expected — apart from the issue above.

[wmonk]

How does that work? The style loader should pickup imported stylesheets, whereas, as far as I can tell jsxstyle will just put everything into style tags. Can you post your webpack config?

[iest]

So I don't really know how or why, but in my project the styles are in-line on the dom nodes and jsxstyle isn't doing any appending to the head or anything.

Into the rabbit hole...