IssueTracker

The problem is very serious.
Currently html5 clearRect isn't working within any android 4 devices.
Please, solve this problem as soon as possible.

we have the same problem

We are waiting for a patch since November because none of the workaround we have tried is stable.

We hope that the patch will come before the launching of our app and if not...well, sadly, we will launch the app on iOS and windows only

[Comment deleted]

Still appears to be an issue as I'm getting quirky results when trying clearRect in a loop. #3 solution is good but too heavy to work in a loop.

What about using requestAnimationFrame for loop rather than using a timer loop ?

Hey, this is a serious issue that is affecting our production components, could someone please look into this???

is there any solvtion for that issue ?  

Something like that works for me:

function bug_workaround() {
  $(canvas).hide();
  setTimeout(function() {
    $(canvas).show();
  }, 1);
}

I call this function after clear.

Opacity trick is better because will not initiate page reflow and hide /
show will.

which trick would that be? modify the opacity?

Yes,

function bug_workaround() {
  canvas.style.opacity = 0.99;
  setTimeout(function() {
  canvas.style.opacity = 1;
  }, 1);
}

[Comment deleted]

Hi,

I'm having the same problem but the workaround doesn't seem to help. Was wondering if this issue is somehow fixed by now?

Thank You.

This opacity hack works for me. I've had this issue on 4.1.1 and 4.1.2, both Galaxy S3 and the S3 mini.

Calling this function between clearing the canvas and the next draw call seems to have fixed the problem.

function bug_workaround() {
  canvas.style.opacity = 0.99;
  setTimeout(function() {
  canvas.style.opacity = 1;
  }, 1);
}

Thanks, dennis.ra!

The opacity trick doesn't seem to work for me (Android 4.3).
Hide & show causes a lot of nasty flicker.

This solution works form me:
https://medium.com/@dhashvir/android-4-1-x-stock-browser-canvas-solution-ffcb939af758
But only the second one:
canvas.clearRect(0, 0, w, h);
canvas.style.display = 'none';// Detach from DOM
canvas.offsetHeight; // Force the detach
canvas.style.display = 'inherit'; // Reattach to DOM

Performance hit seems to be minimal for my app (game with multiple canvas one over another).

seems android 4.1/4.2/4.3 both have this problem?

https://docs.google.com/spreadsheets/d/1Ex98VGAcdI6_xy3kawQSh0JUitV4rHJoXWRhGdpt9mg/edit?usp=drive_web (Arkusz kalkulacyjny bez nazwy)

c