Свойство CSS ScaleX, странное поведение с фоновым цветом в Chrome ⇐ CSS

[Гость]

У меня есть следующий фрагмент примера, написанный на обычном React:

import "./styles.css"; экспортировать функцию по умолчанию App() { возвращаться ( ); } Это очень упрощенный пример того, с чем я имею дело, потому что его легко понять. в коде вы можете увидеть, как я масштабирую элемент div размером 1 пиксель на 100, что означает, что он должен составлять 100 пикселей, что и есть. но по какой-то причине в Chrome цвет фона не заполняет весь div:





хотя при проверке видно, что размер правильный:





в Firefox он ведет себя так, как ожидалось:





добавляем пример песочницы: https://codesandbox.io/s/ecstatic-pond- ... src/App.js