Bug 230045

Summary: In the `inline-block container, SVG set `width: 100%` svg's width should be consistent with`width: auto`
Product: WebKit Reporter: 709922234
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: ahmad.saleem792, contact, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
See Also: https://bugs.webkit.org/show_bug.cgi?id=257614
Attachments:
Description Flags
safari
none
chrome none

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.