Почему трансформированные детские элементы демонстрируют смещения ограничивающей коробки в Chrome? ⇐ CSS

[Anonymous]

Когда элемент имеет применяемое преобразование, его дочерние элементы будут иметь разные вычисленные значения (например, от getBoundingClientRect ()) по сравнению с тем, что фактически отображается на экране. Эта проблема не ограничивается получением этих значений через JavaScript; Вы также можете наблюдать за этим с помощью браузера Devtools. Например, когда вы падаете над элементом с Bilt-node = "прямоугольник" в Devtools, наложение, показанное на экране, имеет небольшое смещение от фактического визуализированного элемента. Такое поведение было проверено в Chrome и может быть специфичным для браузера. Кто -нибудь знает причину этой проблемы? Это ошибка или ожидаемое поведение? Если это ожидается, кто -нибудь знает, как получить точные ограничивающие значения элемента? У меня был постоянный результат ошибки в Codepen. Я полагаю, что это специфично хромированию, потому что я нашел почти похожую ошибку в их трекере ошибок до
Вы можете увидеть с изображения, синее наложение не находится на вершине фактического визуализируемого элемента


Подробнее здесь: https://stackoverflow.com/questions/796 ... -in-chrome