Bug 221234

Summary: inline SVG inside a flex container with flex-direction default doesn't appear
Product: WebKit Reporter: karl <karl+webkit>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: 709922234, ahmad.saleem792, sabouhallawa, simon.fraser, svillar, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=221110
Attachments:
Description Flags
Rendering of SVG + flex none

Description karl 2021-02-01 17:03:00 PST 
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
Comment 1 Radar WebKit Bug Importer 2021-02-08 17:03:15 PST 
<rdar://problem/74120979>
Comment 2 Said Abou-Hallawa 2021-02-08 17:05:31 PST 
I think this is related to bug 221110
Comment 3 Ahmad Saleem 2023-01-14 01:45:32 PST 
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.
Comment 4 Ahmad Saleem 2024-07-17 06:36:29 PDT 
Fixed on WebKit ToT (281050@main). (Still broken on Safari 17.6, Safari Technology Preview 198).

@Alan - fixed by your fix? 281049@main
Comment 5 zalan 2024-07-17 07:13:45 PDT 
(In reply to Ahmad Saleem from comment #4)
> Fixed on WebKit ToT (281050@main). (Still broken on Safari 17.6, Safari
> Technology Preview 198).
> 
> @Alan - fixed by your fix? 281049@main
Good find!

*** This bug has been marked as a duplicate of bug 221474 ***