TIL: Safari hides SVGs in Flexbox containers if they don't have an explicit width attribute. This seems like a bug to me.

svg {width: 100%} should fix the issue and hopefully not cause unexpectedly large images elsewhere馃. #webdev #css #buildinpublic #webkit #opensource

https://github.com/pentacent/keila/commit/09254cb66319f996bfce8c3cfd251cfed76a7c1c

@keila I can't remember if there is a difference with the default values for flex-shrink and flex-grow, but that could explain it.

At least there used to be a lot of variety for that, particularly with IE back in the days. In the other hand I would've expected this difference to be ironed out by now with all the interop stuff that has been going on recently.

1 more replies (not shown)