Bug 114813 - An element with rounded corners + overflow hidden can't hide the corners of a child when there's a transition of the child's opacity
Summary: An element with rounded corners + overflow hidden can't hide the corners of a...
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/8Lv88/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2013-04-18 06:53 PDT by Maxime Euziere
Modified: 2022-07-14 20:29 PDT (History)
6 users (show)

See Also:

Attachments
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 Maxime Euziere 2013-04-18 06:53:54 PDT 
http://jsfiddle.net/8Lv88/
As shown on this fiddle, when you click the image, corners appear during and after the transition performed on the images opacity.
I encountered this bug on latest Chrome and Safari mobile.
Comment 1 Simon Fraser (smfr) 2013-04-22 09:23:00 PDT 
Yeah, we don't get the rounded clipping right when we do compositing. I thought we had another bug on this.
Comment 2 Alec Larson 2017-06-09 15:50:29 PDT 
Still experiencing this in 2017. Any progress? :)
Comment 3 Radar WebKit Bug Importer 2017-06-13 13:21:16 PDT 
<rdar://problem/32746949>
Comment 4 Simon Fraser (smfr) 2017-12-11 17:49:14 PST 
rdar://problem/32685406
Comment 5 Fujii Hironori 2022-07-14 20:28:04 PDT 
the test case doesn't work anymore.
I forked it and replaced the images.
http://jsfiddle.net/fujihiro/y1cL6kdx/3/
Comment 6 Fujii Hironori 2022-07-14 20:29:49 PDT 
the latest Safari seems to work nicely.