Skip to content

Partial flickering of HTML canvas while idle

I have HTML canvases on top of each other, I draw them just once, I witness that the load has been completed and everything is fine for few minutes, then randomly, without the canvas ever being redraw then lower half of the top canvas begings flickering, no JavaScript function being done in the background.

I have no idea what is happening here… Why would idle canvas change? This might be limited to Firefox 90.

Recreation of the issue, both paintings are different canvas

Answer

The issue appears to have disappeared after I defined a unique z-index for all canvases.