Created attachment 418942 [details] Rendering of SVG + flex In the URL bar enter ``` data:text/html,<div style="display:flex;"><svg viewBox="0 0 3 3"><circle cx="1.5" cy="1.5" r="1" fill="black"/></svg></div> ``` Expected: A big black circle appears Actual: Nothing This is working in both Blink and Gecko Attachment: * Left: **Blink** Microsoft Edge Version 90.0.782.0 (Version officielle) Canary (64 bits) * Center: **Gecko** Firefox Nightly 87.0a1 (2021-01-31) (64-bit) * Right: **WebKit** Safari Tech Preview Release 119 (Safari 14.1, WebKit 16611.1.10.1) Note to make it appear on Safari it is necessary to add a `flex-direction: column`. This was initially reported on the webcompat project at https://github.com/webcompat/web-bugs/issues/66482
<rdar://problem/74120979>
I think this is related to bug 221110
I am still able to reproduce this bug in Safari Technology Preview 161 using test case from Comment 0 changed into JSFiddle: Link - https://jsfiddle.net/eusaxhr8/show Chrome Canary 111 show "black" circle and Firefox Nightly 110 does as well. Adding "BrowserCompat" keyword tag.