Safari обрабатывает высоту упаковки диалогов с соответствующим содержимым: 100% как не имеющую высоты. ⇐ CSS

[Anonymous]

У меня есть элемент HTML-диалога .parent, содержащий внутренний элемент div .child. Родительский элемент имеет высоту: fit-content, а дочерний элемент имеет высоту: 100%. В других браузерах высота элементов вычисляется как некоторое ненулевое значение, соответствующее содержимому .child. Однако в Safari высота .child вычисляется как 0. Что здесь происходит?
В этом фрагменте я раскрасил .child фон зеленый. Я ожидаю, что зеленый цвет будет виден, что указывает на ненулевую высоту.

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

.parent {
height: fit-content;
}

.child {
height: 100%;
background-color: lightgreen;
}

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

Content

Подробнее здесь: https://stackoverflow.com/questions/791 ... -no-height