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

karl
Reported 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
Attachments
Rendering of SVG + flex (533.69 KB, image/png)
2021-02-01 17:03 PST, karl 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2021-02-08 17:03:15 PST
<rdar://problem/74120979>
Said Abou-Hallawa
Comment 2 2021-02-08 17:05:31 PST
I think this is related to bug 221110
Ahmad Saleem
Comment 3 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.
Ahmad Saleem
Comment 4 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
alan
Comment 5 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 ***
Note You need to log in before you can comment on or make changes to this bug.