Почему на странице не работает position: fixed?

Question

[Islam Ibakaev]

Заметил на "купить в один клик"(страница). Появляется окно('clicklite clicklite_active'), которое в стилях фиксируется относительно окна, но на деле работает так словно стоит absolute относительно всего документа. К примеру, дайте этому элементу bottom:0 и отключите top и увидите, что элемент не крепится к низу окна, а уходит куда-то вниз.

Более того, если любому другому элементу на сайте дать position:fixed, bottom: 0, элемент крепится не к низу окна, а к низу страницы.
Подскажите, с чем может быть связано такое поведение?

Answer 1

[Алекс Глебов]

will-change: transform; или transform
надо убрать у main и других родителей
Или вытащить модалку из этих блоков

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

Comments

[Islam Ibakaev]

где-нибудь можно почитать про это?

[Алекс Глебов]

Islam Ibakaev, вот тут есть
https://developer.mozilla.org/en-US/docs/Web/CSS/t...

Answer 2

[Дмитрий]

Влияет это свойство will-change: transform; (.slideout-panel)

т.е если для родителя задано это свойство, тогда ребенок с position: fixed ведет себя как position: absolute;

Пример с will-change: transform;

Пример без will-change: transform;