Bug 114813
| Summary: | 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 | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Maxime Euziere <maxime.euziere> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED WORKSFORME | ||
| Severity: | Normal | CC: | alec.stanford.larson, fujii.hironori, jonlee, maxime.euziere, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | 528+ (Nightly build) | ||
| Hardware: | All | ||
| OS: | All | ||
| URL: | http://jsfiddle.net/8Lv88/ | ||
Maxime Euziere
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)
Yeah, we don't get the rounded clipping right when we do compositing. I thought we had another bug on this.
Alec Larson
Still experiencing this in 2017. Any progress? :)
Radar WebKit Bug Importer
<rdar://problem/32746949>
Simon Fraser (smfr)
rdar://problem/32685406
Fujii Hironori
the test case doesn't work anymore.
I forked it and replaced the images.
http://jsfiddle.net/fujihiro/y1cL6kdx/3/
Fujii Hironori
the latest Safari seems to work nicely.