Something's up with display "flex" auto-prefix

[jossmac]

Declaring display: flex; on a div returns:

display: -webkit-box,-moz-box,-ms-flexbox,-webkit-flex,flex;

https://www.webpackbin.com/bins/-KynjoyF2whPpxdS-E3m

[lesha1201]

I'm going to fix it.

[dannya]

@jossmac I'm getting the same issue when using your react-images library - do you know of a workaround for this?

[dannya]

@lesha1201 for an extra datapoint, I'm seeing this on a h4 element selector, and also when using a standard class selector (like .h4) as well (using Parcel v2 bundler).

[dannya]

@jossmac did you close this because it's no longer a problem? If so, I'd very much appreciate a pointer!

[lesha1201]

@dannya I don't think this project is maintained anymore. Last commit was 3 years ago

[dannya]

@lesha1201 seems to be the case, sadly.

For anyone who encounters this issue, there is a workaround as described here: jossmac/react-images#382 (comment)

To fix, add space after flex to fix the issue but no prefix is added.
i.e display: 'flex '