rachelandrew/gridbugs

[Safari] When height is not specified for the parent element, the height of the child is 0

Opened this issue · 2 comments

TL;DR, See demo: https://jsfiddle.net/0fezqfxw/
It will display correctly in Chrome, Firefox, Edge. It is not displayed in Safari.

For example, when fixing the aspect ratio, you can not specify height for the parent element.

Thanks for this great repository, And sorry my bad English!

bjnsn commented

I found the same issue in Safari 12.0, 12.0.2 & 11.1.2 using https://jsfiddle.net/8whbotq2/
Defining height explicitly resolves the issue: https://jsfiddle.net/mueoxnga/1/

I believe this worked in an earlier version of Safari 11 - since some related code worked before rolling forward.

Looks like the problem is fixed in iOS15.