Summary: | SVG as background to div not sized correctly | ||||||||
---|---|---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Stephen Chenney <schenney> | ||||||
Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||||
Status: | NEW --- | ||||||||
Severity: | Normal | CC: | ahmad.saleem792, ap, bfulgham, corsar89, darin, rniwa, webkit-bug-importer, zalan, zimmermann | ||||||
Priority: | P2 | Keywords: | BrowserCompat, InRadar | ||||||
Version: | 528+ (Nightly build) | ||||||||
Hardware: | Unspecified | ||||||||
OS: | Unspecified | ||||||||
Attachments: |
|
Description
Stephen Chenney
2012-03-29 12:48:45 PDT
Created attachment 134647 [details]
SVG to use as background
Interessting, when removing background-size: 100% 100% it works as expected. I'm not sure whether I handled background-size correctly in the intrinsic sizing algorithm, which dates back to CSS 2.1, background-size is CSS3 stuff. I am able to reproduce this bug in Safari 15.5 on macOS 12.4 using following test case: Link - https://jsfiddle.net/DXT8b/3/ It is from this bug on Blink (Chrome) side - https://crbug.com/110195 Based on Chrome bug documentation, it was a spec clarification issue and was later fixed and behavior was aligned with Firefox behavior. It was fixed within Blink in following commit - https://chromium.googlesource.com/chromium/src.git/+/ad443bcef2f7386e432e5c621e78640d91ef2e95 Thanks! Works in Chrome and Firefox. Fails in Safari. |