1364013 - <canvas>-Element gets corrupted on Firefox Android

Status: UNCONFIRMED

(Core :: Graphics: Canvas2D, defect)

Description

[shi.digitalnomad]

Attachment: Shows the corrupted canvas elements

User Agent: Mozilla/5.0 (Android 4.4.2; Tablet; rv:53.0) Gecko/53.0 Firefox/53.0
Build ID: 20170504210220

Steps to reproduce:

While trying out the <canvas>Element I saw the same issue I have on other websites. 
I use Firefox Android on an ASUS Tablet to look at the website.


Actual results:

The canvas-Element shows corrupted images. 
On other websites it does flicker, I guess when animations are used. Sometimes the flickering becomes so bad, I can not use this website at all. Sometimes it stops after reload, but not always.


Expected results:

The canvas Element should have been drawn.

Comment 1

[Jeff Muizelaar [:jrmuizel]]

Do you have a test case that reproduces this problem?

Comment 2

[shi.digitalnomad]

Thank you for looking into this Jeff!

How to make a test case, I am not sure about this?
  
While just using the <canvas>Element in HTML and drawing something on it with Javascript, it happens. 
I use Firefox Android on an ASUS Tablet to look at the website.
 
I can too, go to certain websites, like www.marinetraffic.com and the site is allways unusable because of the corruption. When I think about it, it is often when there are some overlays on maps. It's not the maps themselves, but the overlaying information that gets corrupted. 
It's on Google Maps, too. I just checked, here it seems to be too the canvas-element.
I can recreate it by going there, creating a new own GoogleMaps and drawing lines on the map. The area I draw something on gets corrupted. Guess they use the canvas-element there to draw on.

Hope this helps. If you need more specific information or if I can help with anything else, please let me know.
Shi

Comment 3

[Kevin Brosnan [Ex-Mozilla]]

Which specific tablet? The model number from the Android settings > about this device is best.

Comment 4

[shi.digitalnomad]

K00C

Comment 5

[shi.digitalnomad]

Attachment: Screenshot with code for canvas that makes the corruption on MDN.

Here you can see this happen on Mozilla Canvas Site on MDN with the complete code for the canvas-Element above the element itself.