[Webkit-unassigned] [Bug 221234] New: inline SVG inside a flex container with flex-direction default doesn't appear

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=221234

            Bug ID: 221234
           Summary: inline SVG inside a flex container with flex-direction
                    default doesn't appear
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: karl+webkit at la-grange.net
                CC: zimmermann at kde.org

Created attachment 418942

  --> https://bugs.webkit.org/attachment.cgi?id=418942&action=review

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

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210202/405a88bf/attachment.htm>