Pseudo Display on Resize

擬似要素とその隣接する要素がblockの状態から、ブラウザーをリサイズするとそれらがtable-cellになるようにメディア・クエリーを使って調節した場合、Chrome 43では擬似要素だけtable-cellに変化しない。

コンテナーがblockの場合

このリストでは擬似要素(lorem)とそれ以外のリスト項目(ipsum…amet)がdisplay: blockになるように指定してあり、幅640px以上のウィンドウでは縦並びになる。幅640pxを切るとdisplay: table-cellに切り替わるため、横並びになるはずだが、Chrome 43では擬似要素のみdisplay: blockのままのようにレンダリングされる。

なおリサイズして切り替えた場合にのみ起こるため、幅640px以下の状態で再読み込みした場合はちゃんと横並びになる。