Bug 294323
| Summary: | incorrect clipping for background-color on double border and border-radius: 50% | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Karl Dubost <karlcow> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | bfulgham, koivisto, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar, WPTImpact |
| Version: | WebKit Nightly Build | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| URL: | http://wpt.live/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-4.html | ||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=206753 | ||
Karl Dubost
<div id="outer">
<div>
<p>Test</p>
</div>
</div>
#outer {
width: 200px;
height: 200px;
padding: 40px;
border: 10px double;
overflow: hidden;
border-radius: 50%;
background: green local border-box;
}
The green is overflowing in between the two lines of the border. The painting should happen only inside the inner border line.
http://wpt.live/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-4.html
http://wpt.fyi/css/css-backgrounds/background-attachment-local/attachment-local-clipping-color-4.html
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/153089071>