Почему position fixed не работает при transform у родителя?

Question

[jorshjorsh95]

Всем привет,

Почему-то position Fixed не работает если к родителю применен transform

вот пример: https://jsfiddle.net/x8def3d4/ (закомментируйте transform и все работает)

Подскажите пожалуйста, как исправить?
сейчас закостылил и сделал js + absolute position - но это выглядит криво, дергается и тд, все не перекостылить...

Comments

[spike__x]

а если child сделать fixed
https://jsfiddle.net/5ja39z8u/

Answer 1

[Никита]

Трансформ создает свою систему координирования внутри области блока, со своими правилами и позиционированием, поэтому фиксед и летит под хвост.

Как вариант вытащить фикс элемент из блока с транслейтом