リグレッション 可変アイテムが絶対配置要素で分離された場合、order に従って並べ替えられません

公開日: | カテゴリー: CSS

概要

Firefox 52 では、可変アイテムが以下のように絶対配置された要素で分離されると、それらのアイテムを任意の順番で並べ替えられる CSS order プロパティが無視されてしまう場合があります。

<div style="display:flex">
  <div style="order:2">B</div>
  <div style="position:absolute"></div>
  <div style="order:1">A</div>
</div>

Mozilla 開発者はこのリグレッションを認識しており、解決策に取り組んでいます。

更新: この問題は Firefox 53 と Firefox ESR 52.1 で修正されました。

参考資料