Bug 41356 - Relative positioning breaks border-radius clipping of content
Summary: Relative positioning breaks border-radius clipping of content
Status: RESOLVED DUPLICATE of bug 50072
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All OS X 10.6
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2010-06-29 09:37 PDT by Devin Chalmers
Modified: 2011-04-10 10:03 PDT (History)
3 users (show)

See Also:

Attachments
Demonstration of broken clipping on relatively positioned elements (528 bytes, text/html)
2010-06-29 09:37 PDT, Devin Chalmers 		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 Devin Chalmers 2010-06-29 09:37:09 PDT 
Created attachment 60027 [details]
Demonstration of broken clipping on relatively positioned elements

When a parent element has a border-radius and overflow set to hidden, setting position: relative on either that element or its child will break clipping of children to the border radius.

Example case attached. In my understanding, all three divs should render as circles.
Comment 1 Beth Dakin 2010-06-29 17:18:41 PDT 
I will have to look at the spec and the test case more closely, but for what it's worth, if you add in -moz-border-radius, the test draws as all squares in Firefox.

And I would also like to note that the test case renders the same with the new path-draing border-radius mechanism and the old arc-based method.
Comment 2 Philip Tellis 2011-04-09 18:22:00 PDT 
Looks to be a dupe of bug 50072 and there's more activity there.
Comment 3 Simon Fraser (smfr) 2011-04-10 10:03:07 PDT 
Bug has more info.

*** This bug has been marked as a duplicate of bug 50072 ***