Display:contents and Flexbox using “order”

#36470

Hello,
although at least display: contents seems to be listed among the known display values, my following code fails to @propagate@ the elements upwards into the Flex container and have them join the flex party there.

Additionally, specifying order properties on the flex children doesn’t affect the order in which the elements are being rendered.

Is/could there be support for these properties?

The code:
<style type="text/css"> .mainwrapper { display: flex; flex-direction: row; } .innerwrapper { display: contents; } </style> <div class="mainwrapper"> <div style="order: 1">Text1</div> <div style="order: 3">Text3</div> <div style="order: 2">Text2</div> <div class="innerwrapper"> <div style="order: 1">Text1a</div> <div style="order: 2">Text2a</div> </div> </div>

[Author]

Posts