RESOLVED DUPLICATE of bug 257614 230045
In the `inline-block container, SVG set `width: 100%` svg's width should be consistent with`width: auto` 
https://bugs.webkit.org/show_bug.cgi?id=230045
Summary In the `inline-block container, SVG set `width: 100%` svg's width should be c...
709922234
Reported 2021-09-08 08:24:41 PDT
Created attachment 437629 [details] safari example: https://codepen.io/mantou132/pen/PojWBNg
Attachments
safari (752.96 KB, image/png)
2021-09-08 08:24 PDT, 709922234 		no flags
Details
chrome (39.78 KB, image/png)
2021-09-08 08:25 PDT, 709922234 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
709922234
Comment 1 2021-09-08 08:25:24 PDT
Created attachment 437631 [details] chrome
Radar WebKit Bug Importer
Comment 2 2021-09-15 08:25:29 PDT
<rdar://problem/83151693>
Ben Frain
Comment 3 2022-09-05 09:13:23 PDT
This is still problematic and not fixed in the latest technology preview. Makes it very difficult to add SVG items into headings and the like as if they are part of a flex or grid container, they take up far more width than they should. Any update on this? Would more examples be useful? To make the example that has already been provided more obvious, consider this version in Chrome, Safari and Firefox: https://codepen.io/benfrain/pen/oNdgVOY
Ahmad Saleem
Comment 4 2023-07-25 17:44:04 PDT
Seems to be fixed by PR as well: https://github.com/WebKit/WebKit/pull/16084
Ahmad Saleem
Comment 5 2023-07-26 09:34:48 PDT
*** This bug has been marked as a duplicate of bug 257614 ***
Note You need to log in before you can comment on or make changes to this bug.