Bug 113343 – border-radius clipping a canvas does not always clip

• Component: Canvas
• Status: RESOLVED FIXED

[Rafael Brandao]

Created attachment 195167 [details]
test case, second render done after a timeout does not clip.

When we paint the canvas area, if there's an element as parent that overflows and clips using a border-radius, then the clip does not respect the radius on following render calls. I have a test case that shows this issue on Chrome, Qt and Nix. It may be an issue in other ports.

[Simon Fraser (smfr)]

Possibly related to the fact that composited elements don't respect border-radius clipping.

[Rafael Brandao]

If I change the test to do the following, then the second render clips as expected:

render = function() {
    ctx.fillStyle = "#ff0000";
    ctx.fillRect(0, 0, 400, 300);
}

render2 = function() {
    render();
    document.getElementById("box").style.overflow = "hidden";
}

render();
setTimeout("render2()", 2000);

[Rafael Brandao]

A small correction: it only properly clips on the second render if the box initially not set "overflow: hidden". It looks like the clip only happens in the first render after "overflow: hidden" is set.

[arno.]

Created attachment 200260 [details]
patch proposal

[WebKit Commit Bot]

Comment on attachment 200260 [details]
patch proposal

Clearing flags on attachment: 200260

Committed r149504: <http://trac.webkit.org/changeset/149504>

[WebKit Commit Bot]

All reviewed patches have been landed.  Closing bug.