Bug 95648 - Value of overflow not respected when the container has a rounded border
Summary: Value of overflow not respected when the container has a rounded border
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/YuXfH/
Keywords:
Depends on:
Blocks:
 
Reported: 2012-09-01 11:37 PDT by dzmail90-dev
Modified: 2012-09-04 14:24 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description dzmail90-dev 2012-09-01 11:37:11 PDT
When a container block has a rounded border with overflow:hidden
and the content block has a position value other than static,
if the content block is bigger than the container block,
the content block is shown outside the container.
In other words, the content block is clipped the same way as if the container block doesn't have a rounded border.
This is in contrast with respect to the W3C spec: "Other effects that clip to the border or padding edge (such as ‘overflow’ other than ‘visible’) also must clip to the curve." (http://www.w3.org/TR/css3-background/#the-border-radius).
Test case at: http://jsfiddle.net/YuXfH/
Comment 1 Simon Fraser (smfr) 2012-09-04 11:39:48 PDT
This works correctly for me in Safari 6. What browser are you testing?
Comment 2 dzmail90-dev 2012-09-04 14:22:42 PDT
I've tested Chrome, both stable and unstable, and Safari 5.1.7.
I got wrong info on what version of webkit Chrome has, so I thought Chrome unstable has a bleeding edge version of webkit. I was wrong. I can confirm the latest webkit version solves the problem.
Sorry for that.