現象

flexboxを使用したページをIEで印刷すると改ページで要素が消える、というバグに遭遇しました。
最新のIE11でも再現したので、おそらくIEのバージョン関係なく起こっているかと思います。


このように1ページ目は平気なのですが、flexboxを使用した要素が改ページ後に真っ白になってしまいます。

対策

印刷用のcssの設定でflexbox部分の代わりにfloatやinline-blockを使用します。

作りによっては高さが揃わない等の悩みが出てくるかもしれませんがmin-heightあたりをうまく使用してもらえればある程度はきれいに見せられるかな、と思います。

---

古いIEでflexboxが使えないのはわかっていたのですが、最新バージョンのIEで印刷面とはいえこんな現象が起きるとは…。

参考になりましたら幸いです。