RESOLVED WORKSFORME 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 
https://bugs.webkit.org/show_bug.cgi?id=114813
Summary An element with rounded corners + overflow hidden can't hide the corners of a...
Maxime Euziere
Reported 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.
Attachments
Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 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.
Alec Larson
Comment 2 2017-06-09 15:50:29 PDT
Still experiencing this in 2017. Any progress? :)
Radar WebKit Bug Importer
Comment 3 2017-06-13 13:21:16 PDT
<rdar://problem/32746949>
Simon Fraser (smfr)
Comment 4 2017-12-11 17:49:14 PST
rdar://problem/32685406
Fujii Hironori
Comment 5 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/
Fujii Hironori
Comment 6 2022-07-14 20:29:49 PDT
the latest Safari seems to work nicely.
Note You need to log in before you can comment on or make changes to this bug.