親要素に transform をかけると子要素の position: fixed が absolute 扱いになってしまう。これはブラウザ関係なくどのブラウザでも起こるようだ。
サンプルはtranslateX
になっているが検証した結果scale
rotate
skew
でも同じ現象が起き、ここまで起これば試していないがもちろんmatrix
でも起きるだろう。
CSS Transforms Module Level 1のW3C Working Draftにもissueとして記載されているが、バグレポート(バグレポートの中身が理解できてないが)の方は、もう1年半ほどほったからしになっている。
タスクはちゃんと処理して!