Разница в размере вложенного элемента сетки в Chromium и Safari ⇐ CSS

[Anonymous]

Эта конкретная комбинация вложенного элемента сетки с justify-items: center в сетке и объектом-fit: contains и шириной: 100% в дочернем элементе создает другой дочерний элемент ширина в Chromium/Firefox и Safari.
Мои вопросы: (1) Какой из них соответствует спецификации. (2) Ищем проблемы с отслеживанием ошибок, сообщающие о разнице в поведении.

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

#grid {
display: grid;
justify-items: center;
}

img {
width: 100%;
height: 300px;
object-fit: contain;
background: red;
}

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

[img]https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Test.svg/620px-Test.svg.png[/img]

попробуйте: https://codepen.io/eyaler/pen/qEWVwjy
Chromium слева и Playwright/Webkit справа:



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