Bug 61587 - Ugly border rendering with background-clip and border-radius
Summary: Ugly border rendering with background-clip and border-radius
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: Simon Fraser (smfr)
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2011-05-26 17:06 PDT by Simon Fraser (smfr)
Modified: 2022-09-02 18:26 PDT (History)
5 users (show)

See Also:

Attachments
Testcase (342 bytes, text/html)
2011-05-26 17:06 PDT, Simon Fraser (smfr) 		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 Simon Fraser (smfr) 2011-05-26 17:06:48 PDT 
Created attachment 95082 [details]
Testcase

WebKit has incorrect rendering of rounded, transparent borders if the element has -webkit-background-clip: content-box. See testcase.
Comment 1 Simon Fraser (smfr) 2011-05-26 17:11:27 PDT 
It's not obvious from http://www.w3.org/TR/css3-background/ that background-clip: content-box; should cause the background to get clipped to a non-rectangular area, but Firefox does it.
Comment 2 Ahmad Saleem 2022-09-02 14:27:40 PDT 
I updated this test case by removing -webkit- prefixes:

Link - https://jsfiddle.net/hkoq0v24/show

I am not able to find differences between all browsers (Chrome Canary 107, Firefox Nightly 106 and STP 152).

Appreciate if someone can confirm whether it is reproducible for them or not? Thanks!
Comment 3 Alexey Proskuryakov 2022-09-02 18:26:41 PDT 
Not sure who changed, but identical results from all browsers strongly suggest that there is nothing to do here.