139407 2014-12-08 10:55:14 -0800 The CSS border-image property should not affect the layout or the size of the object 2022-08-07 05:42:42 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified RESOLVED CONFIGURATION CHANGED InRadar P2 Normal --- 1 sabouhallawa webkit-unassigned ahmad.saleem792 ap rniwa self simon.fraser webkit-bug-importer zalan oldest_to_newest 1053439 0 242830 sabouhallawa 2014-12-08 10:55:14 -0800 Created attachment 242830 Test case Open the following html in WebKit: <html> <head> <style> div { height: 100px; width: 100px; } div#intrinsic-size { border-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100"><rect width="100" height="100" fill="lime"/></svg>') fill 0; } </style> </head> <body> <div style="background: lime"></div> <br> <div id="intrinsic-size"></div> </body> </html> Result: Two lime rectangles with the same size are drawn but they are not left aligned. Expected: The border should not affect the layout or the size of the object. NOTE: It is not related to SVG so the same behavior happens if a png with size 100 x 100 is specified instead of the SVG. 1053440 1 webkit-bug-importer 2014-12-08 10:56:32 -0800 <rdar://problem/19178155> 1889509 2 ahmad.saleem792 2022-08-07 05:42:31 -0700 I am unable to reproduce this bug in Safari 15.6 on macOS 12.5 using attached test case and I see "two lime" boxes and they are left aligned similar to all other browsers (Chrome Canary 106 and Firefox Nightly 105). So I am going to mark this as "RESOLVED CONFIGURATION CHANGED". Thanks! 242830 2014-12-08 10:55:14 -0800 2014-12-08 10:55:14 -0800 Test case border-image-simple-2.html text/html 432 sabouhallawa PGh0bWw+CjxoZWFkPgogIDxzdHlsZT4KICAgIGRpdiB7CiAgICAgIGhlaWdodDogMTAwcHg7CiAg ICAgIHdpZHRoOiAxMDBweDsKICAgICAgICAKICAgIH0KICAgIGRpdiNpbnRyaW5zaWMtc2l6ZSB7 CiAgICAgIGJvcmRlci1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHht bG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMTAw IiBoZWlnaHQ9IjEwMCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImxpbWUi Lz48L3N2Zz4nKSBmaWxsIDA7CiAgICB9CiAgPC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KICA8ZGl2 IHN0eWxlPSJiYWNrZ3JvdW5kOiBsaW1lIj48L2Rpdj4KICA8YnI+CiAgPGRpdiBpZD0iaW50cmlu c2ljLXNpemUiPjwvZGl2Pgo8L2JvZHk+CjwvaHRtbD4K