41356 2010-06-29 09:37:09 -0700 Relative positioning breaks border-radius clipping of content 2011-04-10 10:03:07 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All OS X 10.6 RESOLVED DUPLICATE 50072 P2 Normal --- 1 devin.chalmers webkit-unassigned bdakin philip.tellis simon.fraser oldest_to_newest 244327 0 60027 devin.chalmers 2010-06-29 09:37:09 -0700 Created attachment 60027 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. 244566 1 bdakin 2010-06-29 17:18:41 -0700 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. 382820 2 philip.tellis 2011-04-09 18:22:00 -0700 Looks to be a dupe of bug 50072 and there's more activity there. 382897 3 simon.fraser 2011-04-10 10:03:07 -0700 Bug has more info. *** This bug has been marked as a duplicate of bug 50072 *** 60027 2010-06-29 09:37:09 -0700 2010-06-29 09:37:09 -0700 Demonstration of broken clipping on relatively positioned elements test.html text/html 528 devin.chalmers PCFkb2N0eXBlIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHN0eWxlIHR5cGU9InRleHQvY3Nz Ij4KICAgICAgLmNvbnRhaW5lciB7CiAgICAgICAgd2lkdGg6IDEwMHB4OyBoZWlnaHQ6IDEwMHB4 OyBib3JkZXItcmFkaXVzOiA1MHB4OwogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgIH0K ICAgICAgLmNoaWxkIHsKICAgICAgICB3aWR0aDogMTAwcHg7IGhlaWdodDogMTAwcHg7IGJhY2tn cm91bmQ6IGJsYWNrOwogICAgICB9CiAgICAgIC5icm9rZW4geyBwb3NpdGlvbjogcmVsYXRpdmU7 IH0KICAgIDwvc3R5bGU+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGRpdiBjbGFzcz0iY29udGFp bmVyIj48ZGl2IGNsYXNzPSJjaGlsZCI+PC9kaXY+PC9kaXY+CiAgICA8ZGl2IGNsYXNzPSJjb250 YWluZXIgYnJva2VuIj48ZGl2IGNsYXNzPSJjaGlsZCI+PC9kaXY+PC9kaXY+CiAgICA8ZGl2IGNs YXNzPSJjb250YWluZXIiPjxkaXYgY2xhc3M9ImNoaWxkIGJyb2tlbiI+PC9kaXY+PC9kaXY+CiAg PC9ib2R5Pgo8L2h0bWw+