search

rachelandrew / gridbugs

A curated list of Grid interop issues
MIT License
1.18k stars 25 forks source link

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

Open syuilo opened 6 years ago

syuilo commented 6 years ago

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 5 years ago

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.

syuilo commented 3 years ago

Looks like the problem is fixed in iOS15.