Summary: | Image is not clipped by border-radius | ||||||
---|---|---|---|---|---|---|---|
Product: | WebKit | Reporter: | Nathan Vander Wilt <natevw> | ||||
Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> | ||||
Status: | RESOLVED CONFIGURATION CHANGED | ||||||
Severity: | Normal | CC: | ahmad.saleem792, ivan.enderlin, lea, moz, natevw, peter, rick2910, simon.fraser | ||||
Priority: | P2 | ||||||
Version: | 528+ (Nightly build) | ||||||
Hardware: | All | ||||||
OS: | OS X 10.6 | ||||||
Attachments: |
|
Description
Nathan Vander Wilt
2009-10-16 21:01:04 PDT
This bug still hasn't been fixed. I would suggest its title to be changed to "Replaced content gets clipped according to border box". The spec clearly dictates that replaced content should be clipped according to the content box: "The content of replaced elements is always trimmed to the content edge curve." (http://www.w3.org/TR/css3-background/#corner-clipping) IE9 and Firefox 4 both get this right. I can confirm this issue, which Opera 11.51 is also rendering wrong. See http://rivierenlandzakelijk.nl/ (border around the map) for an example. Chrome: 15.0.874.6 Canary build I am not able to reproduce this bug in Safari 16 and all other browsers (Chrome Canary 108 and Firefox Nightly 107) render this same as well. In case if I am wrong, please reopen but I am marking this as "RESOLVED CONFIGURATION CHANGED". Thanks! JSFiddle Link (with HTTP updated to HTTPS) - https://jsfiddle.net/zL1gnsqe/show |