[Webkit-unassigned] [Bug 140183] Failed to display background image when body is composited

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Feb 4 09:21:30 PST 2015


https://bugs.webkit.org/show_bug.cgi?id=140183

--- Comment #32 from Simon Fraser (smfr) <simon.fraser at apple.com> ---
Comment on attachment 246026
  --> https://bugs.webkit.org/attachment.cgi?id=246026
Render: properly update body's background image

View in context: https://bugs.webkit.org/attachment.cgi?id=246026&action=review

> LayoutTests/animations/animation-background-image.html:35
> +function createAnimation() {
> +    var anim = document.createElement("div");
> +    anim.style.backgroundColor = "blue";
> +    anim.style.width = "360px";
> +    anim.style.height = "150px";
> +    anim.style.position = "absolute";
> +    anim.style.webkitAnimationName = "custommove";
> +    anim.style.webkitAnimationDuration = "1s";
> +    anim.style.webkitAnimationIterationCount = "1";
> +    anim.style.webkitAnimationFillMode = "forwards";
> +    anim.style.webkitAnimationPlayState = "running";
> +
> +    return anim;
> +}
> +
> +function onLoad() {
> +    document.body.style.background = "url(resources/green-100.png)";
> +
> +    var div = document.getElementById("div");
> +    div.style.zIndex = "-1";
> +
> +    var anim = createAnimation();
> +    anim.addEventListener("webkitAnimationEnd", onAnimationEnd, false);
> +
> +    div.appendChild(anim);

You should be able to make a test that uses forces compositing using translateZ(). Using filter animations is too complex.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20150204/3d8a369b/attachment-0002.html>


More information about the webkit-unassigned mailing list