親要素に transform をかけると position: fixed が absolute 扱いになる

親要素に transform をかけると子要素の position: fixed が absolute 扱いになってしまう。これはブラウザ関係なくどのブラウザでも起こるようだ。

サンプルはtranslateXになっているが検証した結果scalerotateskewでも同じ現象が起き、ここまで起これば試していないがもちろんmatrixでも起きるだろう。

CSS Transforms Module Level 1のW3C Working Draftにもissueとして記載されているが、バグレポート(バグレポートの中身が理解できてないが)の方は、もう1年半ほどほったからしになっている。

タスクはちゃんと処理して!