Ограничение CSS-преобразования в Firefox - PullRequest
Новая
       24

Ограничение CSS-преобразования в Firefox

0 голосов
/ 15 января 2019

Я наткнулся на, казалось бы, произвольное ограничение CSS transforms в Firefox (64.0.2). Похоже, что преобразованные элементы не отображаются при translateY> 8947848px. Смотрите эту ручку или фрагмент ниже (в FF): 

window.scrollTo(0, 8947848);
.container {
  background: dodgerblue;
  display: flex;
  width: 100vw;
  height: 10000000px;
  overflow: auto;
}

.transformed {
  width: 200px;
  height: 200px;
  background: green;
  transform: translateY(8947848px);
  color: white;
  padding: 20px;
}

.too-much {
  background: tomato;
  transform: translateY(8947849px);
}

  
    translateY(8947848px)
Видно в Firefox. 
translateY(8947849px)
Не отображается в Firefox.

Chrome (ожидаемое поведение):

Chrome rendering of behavior

Firefox:

Firefox rendering of behavior

Я знаю, что это возможно сделать с помощью position: absolute и top: 8947849px, но я пытаюсь выжать как можно большую производительность в содержащем приложении, поэтому я хочу придерживаться только для композиторов свойства, так как transform будет часто меняться.

У меня вопрос: есть ли обходные пути для перевода за пределы 8947849px в Firefox?

...