Странные преобразования при прокрутке с перспективой + фиксированное положение в Firefox ⇐ CSS

[Anonymous]

почему #object поворачивается при прокрутке в закрепленном положении? если это предполагаемое поведение, то почему оно возвращается? вспышки даже не постоянны. он мгновенно мигает, когда я удерживаю полосу прокрутки, перетаскиваю и отпускаю. но когда используется колесико мыши, оно не кажется мигающим, но иногда мигает, когда вы щелкаете мышью или взаимодействуете. мне кажется баг. в Chrome этого не происходит.

Код: Выделить всё

#container {
overflow: scroll;
height: 200px;
}

#space {
position: sticky;
top: 0;
perspective: 300px;
}

#object {
transform: rotateX(45deg)
}

#content {
height: 400%;
}

/*
visual styles
*/

#container {
background-color: #222;
display: flex;
flex-direction: row-reverse;
padding: 30px;
}

#object {
background-color: #888;
text-align: center;
border-radius: 16px;
width: 140px;
height: 140px;
}

#content {
color: #eee;
padding: 30px;

}

Код: Выделить всё

solid


hjkl
hjkl
hjkl
hjkl
hjkl
hjkl

hjkl
hjkl
hjkl
hjkl
hjkl
hjkl

[img]https:// i.sstatic.net/V0zlK3qt.gif[/img]


Подробнее здесь: https://stackoverflow.com/questions/793 ... on-firefox