Issue 129118 in chromium: css border-radius and overflow hidden clipping bug

219 views
Skip to first unread message

chro...@googlecode.com

unread,
May 22, 2012, 12:48:00 AM5/22/12
to chromi...@chromium.org
Status: Unconfirmed
Owner: ----
Labels: Type-Bug Pri-2 Area-Undefined

New issue 129118 by am05...@gmail.com: css border-radius and overflow
hidden clipping bug
http://code.google.com/p/chromium/issues/detail?id=129118

Chrome Version : 19.0.1084.46 m
URLs (if applicable) :
Other browsers tested:
Firefox 12 OK
issue:
css border-radius and overflow hidden clipping bug

What steps will reproduce the problem?
1. create div container with border-radius and overflow hidden
2. create element with position attribute (except normal) inside the div
3.

What is the expected result?
the content of the div should be clipped by the div according to the shape
of the div

What happens instead?
the content of the div is clipped but with rectangle shape

example:
http://jsfiddle.net/mkwhu/1/


chro...@googlecode.com

unread,
May 22, 2012, 10:16:49 PM5/22/12
to chromi...@chromium.org
Updates:
Cc: ta...@google.com
Labels: -Area-Undefined Area-WebKit WebKit-Rendering

Comment #1 on issue 129118 by tk...@chromium.org: css border-radius and
(No comment was entered for this change.)

chro...@googlecode.com

unread,
May 23, 2012, 4:59:01 AM5/23/12
to chromi...@chromium.org

Comment #2 on issue 129118 by starbeam...@gmail.com: css border-radius and
reproduced in chrome 19.0.1084.46 stable on windows. In the image attached
the yellow circle is the div that contains the ul.
The content inside the div only overflows to the space outside the
border-radius but not outside the 'rectangle' shape that the div would have
taken if it did not have the border-radius

chro...@googlecode.com

unread,
May 24, 2012, 6:32:43 AM5/24/12
to chromi...@chromium.org

Comment #3 on issue 129118 by ta...@google.com: css border-radius and
Hello,

I'm now looking at this bug. I will create a new webkit bug for fixing
this.

Best regards,
Takashi Sakamoto


chro...@googlecode.com

unread,
May 25, 2012, 12:24:59 AM5/25/12
to chromi...@chromium.org

Comment #4 on issue 129118 by ta...@google.com: css border-radius and
I found that this bug is caused by disabling rounded corner clipping
because of performance issue (Please see
https://bugs.webkit.org/show_bug.cgi?id=69866).
I think, after skia optimization, the feature will be re-enabled and this
bug will be fixed.


chro...@googlecode.com

unread,
Oct 3, 2012, 10:18:31 PM10/3/12
to chromi...@chromium.org
Updates:
Status: Duplicate
Mergedinto: 71639

Comment #5 on issue 129118 by dstockw...@chromium.org: css border-radius
Reply all
Reply to author
Forward
0 new messages