182172 2018-01-26 09:41:51 -0800 SVG2: WebKit incorrectly disregards "width" and "height" attributes on SVG <symbol> element 2023-05-10 14:42:04 -0700 1 1 1 Unclassified WebKit SVG Safari 11 Unspecified Unspecified RESOLVED DUPLICATE 200445 BrowserCompat, FromImplementor, InRadar P2 Normal --- 191292 1 dholbert webkit-unassigned ahmad.saleem792 jespertheend me sabouhallawa simon.fraser webkit-bug-importer zalan zimmermann oldest_to_newest 1393543 0 dholbert 2018-01-26 09:41:51 -0800 What steps will reproduce the problem? (1) Visit https://jsfiddle.net/mca17zyk/ What is the expected result? Small purple rectangle and square. (Each 20px tall.) What happens instead? The square is huge. Please use labels and text to provide additional information. Per SVG2, the square (really, the <use>-generated <svg> element that gets filled with a 100%-sized purple rect) should take its width/height attributes from the <symbol> element that it cloned. That <symbol> element has width=20 height=20, so its <svg> clone should as well. The rectangle (the first purple thing in the testcase) works correctly because it explicitly overrides the width and height by setting those attributes on the use element itself. But if they're unset on <use>, then we should use the ones from the <symbol>. WebKit's behavior here would be correct per SVG 1.1: https://www.w3.org/TR/SVG11/struct.html#SymbolElement ...but it's incorrect per SVG 2: https://svgwg.org/svg2-draft/struct.html#SymbolElement The specific commit in the SVG 2 spec repo is here: https://github.com/w3c/svgwg/commit/ca0f76bf83825505e17d8b69ead26b01d3bc75dc#diff-6e6915b15fe92e713aecbcc7786991f6R449 That commit added x,y,width,height to <symbol>, and added prose saying they should have the same effect on clones-of-<symbol> as they have on an <svg> element. Firefox gives "Expected Results" here. 1393548 1 332378 dholbert 2018-01-26 09:50:57 -0800 Created attachment 332378 testcase 1 (same as jsfiddle) 1393549 2 dholbert 2018-01-26 09:51:29 -0800 I filed Chrome/Edge bugs as well, for the record: https://bugs.chromium.org/p/chromium/issues/detail?id=806289 https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15641029/ 1587138 3 me 2019-11-04 13:53:28 -0800 This was already fixed in Chrome in March 2019, any updates on this? 1587181 4 webkit-bug-importer 2019-11-04 15:14:15 -0800 <rdar://problem/56882593> 1587414 5 382828 sabouhallawa 2019-11-05 09:04:51 -0800 Created attachment 382828 reduced test case 1954261 6 ahmad.saleem792 2023-05-10 00:28:39 -0700 This seems to be similar to bug 200445? Can we mark this as duplicate of 200445, since I have already done PR for that? 1954315 7 dholbert 2023-05-10 07:09:33 -0700 Sure, that's fine with me! 1954517 8 ahmad.saleem792 2023-05-10 14:42:04 -0700 *** This bug has been marked as a duplicate of bug 200445 *** 332378 2018-01-26 09:50:57 -0800 2018-01-26 09:50:57 -0800 testcase 1 (same as jsfiddle) test.html text/html 880 dholbert PCFET0NUWVBFIGh0bWw+Cjxib2R5PgpZb3Ugc2hvdWxkIHNlZSBhIDxiPnNtYWxsPC9iPiAoMjBw eCB0YWxsKSBwdXJwbGUgcmVjdGFuZ2xlIGFuZCBzcXVhcmUgaGVyZS4gVGhleSBzaG91bGQgTk9U IGJlIGh1Z2UuCjxzdmcgaGVpZ2h0PSI2MDAiIHdpZHRoPSI2MDAiPgogIDwhLS0gd2lkdGgvaGVp Z2h0IGhlcmUgb3ZlcnJpZGUgdGhlIG9uZXMgZnJvbSB0aGUgY2xvbmVkIGVsZW1lbnQtLT4KICA8 dXNlIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMCIgeGxpbms6aHJlZj0iI3NlYXJjaC1pY29uIj48L3Vz ZT4KICA8IS0tIFRoaXMgb25lIHNob3VsZCB1c2Ugd2lkdGgvaGVpZ2h0IGZyb20gdGhlIGNsb25l ZCBlbGVtZW50LS0+CiAgPHVzZSB5PSI0MCIgeGxpbms6aHJlZj0iI3NlYXJjaC1pY29uIj48L3Vz ZT4KPC9zdmc+Cgo8c3ZnPgogIDwhLS0gVGhpcyBzbWFsbCB3aWR0aCBhbmQgaGVpZ2h0IHNob3Vs ZCBiZSBwcmVzZXJ2ZWQgaW4gdGhlCiAgICAgICA8dXNlPiBlbGVtZW50J3MgY2xvbmUsIHVubGVz cyBvdmVycmlkZGVuIGJ5IGF0dHJpYnV0ZXMgb24gdGhlCiAgICAgICA8dXNlPiBlbGVtZW50IGl0 c2VsZiwgYXMgbm90ZWQgYXQKICAgICAgIGh0dHBzOi8vc3Znd2cub3JnL3N2ZzItZHJhZnQvc3Ry dWN0Lmh0bWwjU3ltYm9sRWxlbWVudCAtLT4KICA8c3ltYm9sIHdpZHRoPSIyMCIgaGVpZ2h0PSIy MCIgaWQ9InNlYXJjaC1pY29uIj4KICAgIDwhLS0gVGhpcyByZWN0IHdpbGwgZmlsbCB0aGUgY2xv bmUgdG8gc2hvdyB1cyBob3cgYmlnIGl0IGlzLiAtLT4KICAgIDxyZWN0IGhlaWdodD0iMTAwJSIg d2lkdGg9IjEwMCUiIGZpbGw9InB1cnBsZSIgc3Ryb2tlPSJibGFjayI+CiAgICA8L3JlY3Q+CiAg PC9zeW1ib2w+Cjwvc3ZnPgo8L2JvZHk+Cg== 382828 2019-11-05 09:04:51 -0800 2019-11-05 09:04:51 -0800 reduced test case test296.svg image/svg+xml 202 sabouhallawa PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxzeW1ib2wgd2lkdGg9 IjIwIiBoZWlnaHQ9IjIwIiBpZD0iZ3JlZW4tcmVjdCI+CiAgICA8cmVjdCBoZWlnaHQ9IjEwMCUi IHdpZHRoPSIxMDAlIiBmaWxsPSJncmVlbiIvPgogIDwvc3ltYm9sPgogIDx1c2Ugd2lkdGg9IjEw MCIgaHJlZj0iI2dyZWVuLXJlY3QiLz4KPC9zdmc+Cg==