Bug 150142
| Summary: | svg colors change with translate3d + fixed width | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | newtron <david> |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | jonlee, sabouhallawa, simon.fraser, thorton, zimmermann |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 9 | ||
| Hardware: | Mac | ||
| OS: | Unspecified | ||
newtron
http://codepen.io/newtron/pen/JYrEjJ
When an SVG has `transform: translate3d()` and a fixed width, hiding a `path` can alter the colors. So far reproducible in:
* Thunderbolt display (not MacBook display) + Safari 9 on El Capitan
* iPhone 6 + Chrome for iOS 9.0.2
Discovered by Tim Layton <tim.layton@shopify.com>.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
Are you saying that the green colors on the logo are changing?
Tim Horton
(In reply to comment #1)
> Are you saying that the green colors on the logo are changing?
Presumably. It also interestingly doesn't happen if you pinch-zoom in...
Simon Fraser (smfr)
I'm not seeing it here.
newtron
@smfr yes, the colour is changing: https://cloud.githubusercontent.com/assets/786799/10514702/5ac28414-731d-11e5-99cc-f2b6bf4b6fa0.gif
What environment did you try to reproduce in? We've been able to reproduce on multiple devices.
Said Abou-Hallawa
<rdar://problem/23092759>