Bug 265164

Summary: svg without preserveAspectRatio none differs in a flex context
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, rik, sabouhallawa, webkit-bug-importer, zimmermann
Priority: P2 Keywords: BrowserCompat, InRadar, LayerBasedSVGEngine
Version: Safari 17   
Hardware: Unspecified   
OS: Unspecified   
URL: https://codepen.io/hteumeuleu/pen/MWLVwQb
See Also: https://bugs.webkit.org/show_bug.cgi?id=216145
Attachments:
Description Flags
rendering in safari, firefox, chrome none

Description Karl Dubost 2023-11-20 16:19:22 PST 
0. With STP 182 on macOS
1. Go to https://codepen.io/hteumeuleu/pen/MWLVwQb
2. Repeat with Firefox Nightly and Chrome Canary

Result: 
notice how the SVG is not stretched for Safari but it is for Chrome and Firefox.

Notes:
* Adding preserveAspectRatio="none" on the SVG fixes it. 
* Also wonder if it is similar to Bug 216145
Comment 1 Radar WebKit Bug Importer 2023-11-20 17:01:46 PST 
<rdar://problem/118665653>
Comment 2 Ahmad Saleem 2023-11-20 17:09:35 PST 
Fails in LBSE as well. Adding related tag to track 'LBSE' specific failures.
Comment 3 Karl Dubost 2023-11-20 17:13:32 PST 
Created attachment 468693 [details]
rendering in safari, firefox, chrome