75970 2012-01-10 10:36:50 -0800 background-size:100% 100%; Webkit doesn't spread background image 2026-01-01 10:33:26 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.7 NEW InRadar P2 Minor --- 1 albo webkit-unassigned ahmad.saleem792 betravis bfulgham fs m.goleb+bugzilla mikelawther shanestephens syoichi tony webkit-bug-importer zimmermann oldest_to_newest 533178 0 albo 2012-01-10 10:36:50 -0800 Background: the described operation *succeeds* on: Box: 13" MBP 2.66GHz Intel Core 2 Duo browsers built-in Safari, Chrome 16.0.912.75, Firefox 10.0, Opera 11.60, Camino 2.1 (1.9.2.24 20111113195207) Box: iPad2 iOS5 built-in Safari The operation *fails* on Webkit nightly 5.1.2 (7534.52.7, r104486) [and has failed on several nightlies up until now] The operation is as follows. The web page is described in CSS with html { background: #bdafa2 url("../gradient.svg") fixed repeat-x; background-size: 100% 100%; color: #000; height: 100%; ... } "gradient.svg" describes a rectangle 640 wide by 480 high, with a linear gradient containing color stops at top, midway, and bottom. To repeat, all browsers except Webkit nightly spread the background with "background-size:100% 100%". Webkit displays a background of width 640[px]. When the "background-size" is removed from the CSS, Webkit displays the SVG, repeated-x (and not spread-y) with the fall-back background-color filling any remaining space. 537260 1 tony 2012-01-17 11:59:53 -0800 This was also reported in the Chromium bug tracker: http://code.google.com/p/chromium/issues/detail?id=110195 557344 2 albo 2012-02-15 10:04:12 -0800 As of (7534.53.10, r107802) this appears to have been resolved. 557392 3 tony 2012-02-15 10:52:13 -0800 (In reply to comment #2) > As of (7534.53.10, r107802) this appears to have been resolved. We should add a layout test to make sure this doesn't regress in the future. 557398 4 albo 2012-02-15 11:02:03 -0800 (In reply to comment #3) > (In reply to comment #2) > > As of (7534.53.10, r107802) this appears to have been resolved. > > We should add a layout test to make sure this doesn't regress in the future. Of what would a "layout test" consist? Sample HTML plus CSS plus SVG? 557413 5 tony 2012-02-15 11:26:26 -0800 (In reply to comment #4) > (In reply to comment #3) > > (In reply to comment #2) > > > As of (7534.53.10, r107802) this appears to have been resolved. > > > > We should add a layout test to make sure this doesn't regress in the future. > > Of what would a "layout test" consist? Sample HTML plus CSS plus SVG? Yes, that's basically all they are. http://trac.webkit.org/wiki/Writing%20Layout%20Tests%20for%20DumpRenderTree http://trac.webkit.org/wiki/Writing%20Reftests Other links about contributing to webkit on the wiki: http://trac.webkit.org/wiki/Writing%20Reftests 804860 6 182237 betravis 2013-01-10 18:28:45 -0800 Created attachment 182237 SVG File with two squares 804863 7 182239 betravis 2013-01-10 18:36:15 -0800 Created attachment 182239 Failing test file In the test file, I would expect svg image to resize (as it does in Firefox & Opera). The behavior seems to be slightly different between Chrome (no scaling), Chrome Canary (no scaling, repeats), and Safari (no scaling, rendering artifacts as window resizes). 831245 8 betravis 2013-02-12 14:09:56 -0800 Appears to be working properly in r142638. Will add a test case. 891193 9 m.goleb+bugzilla 2013-05-20 08:29:14 -0700 It still doesn't work, a test case from the Chromium report (compare with Firefox): http://jsfiddle.net/DXT8b/3/ 1225382 10 fs 2016-09-01 10:36:17 -0700 We're about to land a fix for this in Blink (https://codereview.chromium.org/2290173005/), don't know how similar this code is still, but hopefully it hasn't diverged too much. 1882724 11 bfulgham 2022-07-12 16:27:11 -0700 It doesn't look like we render this test the same was as Firefox and Chrome. 1882725 12 webkit-bug-importer 2022-07-12 16:27:22 -0700 <rdar://problem/96916928> 2168827 13 ahmad.saleem792 2026-01-01 10:33:26 -0800 (In reply to Fredrik Söderquist from comment #10) > We're about to land a fix for this in Blink > (https://codereview.chromium.org/2290173005/), don't know how similar this > code is still, but hopefully it hasn't diverged too much. It is fixed with 305043@main 182237 2013-01-10 18:28:45 -0800 2013-01-10 18:28:45 -0800 SVG File with two squares squares.svg image/svg+xml 220 betravis PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0naHR0cDov L3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMDAgMTAwJz4KPHJlY3QgeD0nMCcg eT0nMCcgd2lkdGg9JzUwJyBoZWlnaHQ9JzUwJyBmaWxsPScjZjAwJy8+CjxyZWN0IHg9JzUwJyB5 PSc1MCcgd2lkdGg9JzUwJyBoZWlnaHQ9JzUwJyBmaWxsPScjMGYwJy8+Cjwvc3ZnPg== 182239 2013-01-10 18:36:15 -0800 2013-01-10 18:36:15 -0800 Failing test file test.html text/html 277 betravis PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPHN0eWxlPgpodG1sLCBib2R5IHsKCXdpZHRo OiAxMDAlOwoJaGVpZ2h0OiAxMDAlOwp9CmJvZHkgewoJYmFja2dyb3VuZDogdXJsKCdodHRwczov L2J1Zy03NTk3MC1hdHRhY2htZW50cy53ZWJraXQub3JnL2F0dGFjaG1lbnQuY2dpP2lkPTE4MjIz NycpOwoJYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7CgliYWNrZ3JvdW5kLXJlcGVhdDogbm8t cmVwZWF0Owp9Cjwvc3R5bGU+CjwvaGVhZD4KPGJvZHk+CjwvYm9keT4KPC9odG1sPg==