Bug 123087

Summary: Height: auto on svg with viewBox and fixed width is 100%, not relative to width
Product: WebKit Reporter: bjb5682
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, ap, heycam, rniwa, sabouhallawa, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: Mac   
OS: OS X 10.8   
URL: http://jsfiddle.net/Qtxa6/
Attachments:
Description Flags
Safari 15.5 differs from other browsers
none
test-auto-height-viewBox
none
comparing auto-height-viewBox none

bjb5682
Reported 2013-10-20 23:10:38 PDT
Height: auto on svg with viewBox and fixed (non-auto) width is 100%, not relative to width like it should be. All other images seem to do this fine, maybe viewBox is messing it up.
Attachments
Safari 15.5 differs from other browsers (455.65 KB, image/png)
2022-06-17 15:29 PDT, Ahmad Saleem 		no flags
Details
test-auto-height-viewBox (8.29 KB, image/svg+xml)
2022-06-30 15:39 PDT, Said Abou-Hallawa 		no flags
Details
comparing auto-height-viewBox (789.40 KB, image/png)
2022-06-30 15:40 PDT, Said Abou-Hallawa 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2022-06-17 15:29:24 PDT
Created attachment 460315 [details] Safari 15.5 differs from other browsers I am able to reproduce this bug in Safari 15.5 on macOS 12.4 based on attached JSFiddle from the URL field. As seen in attached screenshot, Safari 15.5 output looks zoomed-in compared to other browser and it is not relative to width as it should be for other browsers. I am unable to find any relevant bug in Blink (Chromium), which might be related to this and might have fixed it in Blink. If I am testing incorrectly, please retest accordingly.Thanks!
Radar WebKit Bug Importer
Comment 2 2022-06-17 15:29:51 PDT
<rdar://problem/95418099>
Said Abou-Hallawa
Comment 3 2022-06-30 15:38:19 PDT
I think this bug is fixed. To compare the layout of the SVG in the browsers you have to resize the windows such that they have the same width. The SVG has with="100%" and its viewBox="0 0 1030 152". So the height of the SVG will be = 152 * page width / 1030.
Said Abou-Hallawa
Comment 4 2022-06-30 15:39:38 PDT
Created attachment 460593 [details] test-auto-height-viewBox
Ryosuke Niwa
Comment 5 2022-06-30 15:40:05 PDT
Should we close this bug as config changed then? Or should we check in the test?
Said Abou-Hallawa
Comment 6 2022-06-30 15:40:33 PDT
Created attachment 460594 [details] comparing auto-height-viewBox
Said Abou-Hallawa
Comment 7 2022-06-30 15:41:23 PDT
I think we should close it "Configuration Changed"
Note You need to log in before you can comment on or make changes to this bug.