Bug 139407 - The CSS border-image property should not affect the layout or the size of the object
Summary: The CSS border-image property should not affect the layout or the size of the...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2014-12-08 10:55 PST by Said Abou-Hallawa
Modified: 2022-08-07 05:42 PDT (History)
7 users (show)

See Also:

Attachments
Test case (432 bytes, text/html)
2014-12-08 10:55 PST, Said Abou-Hallawa 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Said Abou-Hallawa 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.
Comment 1 Radar WebKit Bug Importer 2014-12-08 10:56:32 PST 
<rdar://problem/19178155>
Comment 2 Ahmad Saleem 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!