Почему position fixed не хочет работать с потомком position: fixed в firefox?

Question

[Александр Шпелев]

Пример на codepen

Суть в том, что первый блок (родитель) - плавающий, при клике на крестик должен уезжать за пределы экрана вместе с содержимым. В Хроме работает, в ff в примере не работает, на сайте красный блок уезжает только при клике мышкой.

Answer 1

[tema_sun]

fixed внутри другого fixed имеет мало смысла, т.к. зафиксированый элемент позиционируется от viewport'а, а не от родительского контейнера. Так что правильное поведение здесь у Фаерфокса как-раз.

Comments

[Александр Шпелев]

Это понятно, но задумка как раз в том, чтобы родительский див скролился при наличии в нем множества элементов, а красный блок (из примера) всегда был фиксирован.