Разные результаты в Chrome и Safari для абсолютно позиционированных элементов, когда установлен тип контейнера: встроенн ⇐ CSS

[Anonymous]

Я столкнулся с проблемой на своем сайте, когда Safari (18.2) и Chrome (132.0.6834.84) ​​дают совершенно разные результаты для абсолютно позиционированного элемента.
В Chrome позиционирование учитывает родительский элемент div с положением: относительное (как и ожидалось)
В Safari оно позиционируется относительно родительского элемента, для которого установлен тип контейнера: inline-size это.
Я создал CodePen, чтобы продемонстрировать проблему: https://codepen.io/Everybodyknows/pen/gbYjEoY
В Chrome он отображает это:
Рендеринг Chrome
В Safari это:
Рендеринг Safari
Я не знаю, так ли это известная ошибка или нет. Я не могу найти никаких ссылок на него в Интернете. Я также не знаю, какое поведение правильное. Я предполагаю, что это проблема с реализацией Safari? Я хотел бы знать, чтобы написать способ решения проблемы неправильного отображения браузера.

Подробнее здесь: https://stackoverflow.com/questions/793 ... nts-when-c