Hi everyone I was checking why touch doesn’t work on mobile. I came across an empty canvas in the Layer chrome developer console. I delete the element (
<canvas width="640" height="360" style="position: absolute; left: 0px; top: 0px;"></canvas>) and touch start working.
I am new to web development and come from unity, I was wonder how to track what cause to create this empty overlay canvas.
to mention I checked samples and there was no extra canvas except
<canvas id="application-canvas" tabindex="0" class="fill-mode-FILL_WINDOW" width="929" height="922" style="width: 929px; height: 922px;"></canvas>
Found the script that creates the empty canvas and removes it from the project. but touch still doesn’t work again unlike before, by deleting the element.
It seems I should read all debug options in the chrome developer console but any guides will be appreciated.