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

[Anonymous]

Я столкнулся с проблемой на моем сайте, где Safari (18.2) и Chrome (132.0.6834.84) ​​дают радикально разные результаты для абсолютно позиционированного элемента. < /p>
На хром, Позиционирование уважает бабушку и дедушку с позицией: относительно (как и ожидалось)
На сафари он позиционирует относительно родителя, который имеет тип контейнера: установленная на нем.
Я сделал Codepen, чтобы продемонстрировать проблему: https://codepen.io/everybodynow это:
render render < /p>
на сафари ошибка или нет. Я не могу найти никаких ссылок на это в Интернете. Я также не знаю, какое поведение верно. Я предполагаю, что это проблема с реализацией Safari? Я хотел бы знать, чтобы я мог написать обходной обход для браузера, отображающего неправильно.

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