RESOLVED CONFIGURATION CHANGED 139407
The CSS border-image property should not affect the layout or the size of the object 
https://bugs.webkit.org/show_bug.cgi?id=139407
Summary The CSS border-image property should not affect the layout or the size of the...
Said Abou-Hallawa
Reported 2014-12-08 10:55:14 PST
Created attachment 242830 [details] 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.
Attachments
Test case (432 bytes, text/html)
2014-12-08 10:55 PST, Said Abou-Hallawa 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2014-12-08 10:56:32 PST
<rdar://problem/19178155>
Ahmad Saleem
Comment 2 2022-08-07 05:42:31 PDT
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!
Note You need to log in before you can comment on or make changes to this bug.