Autor Zpráva
Kcko
Profil
Ahoj,
možná se s tím už někdo setkal, já nedávno; a ani jsem nevěděl, že element s nestatickou pozicí ovliňuje rodič, který má také nestatickou pozici.

Tj. absolutní /fixní dítě je uzamčené v rodiči, který má relative/absolute/fixed.

Doposud v pořádku, takto jsem žil celá dlouhá léta. Nedávno jsem zjistil, že kontejner, který dítě uzamkne, může být i ten, který má nastaveno transformaci a pravděpodobně i jiné vlastnosti (will-change atd).

Vyrobil jsem demo, které to krásně demonstruje.

jsbin.com/jewiqudavo/2/edit?html,css,js,output

V naší Vue appce to řeším teleportem (přesunu modální okno do documentu a tím mám vyřešeno).

Ale na co se chci zeptat, existuje nějaký css hack, který by tohle hovadské chování rozbil?

Transformaci na rodiči potřebuji, změna struktury atd nepřichází v úvahu.

Na SO jsem našel řešení v podobě použití translate3D() / translateZ na dítěti ale to nefunguje.

Nezná někdo fígl? (tohle už dávno nefunguje Fixed element disappears in Chrome)
Tady je popis co všechno tohle může způsobit: The stacking context » The stacking context

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0