I've ran into a handful of games that makes them unplayable in the latest versions of iOS and iPadOS. Basically, while playing them on iOS/iPadOS 14+, if you hold down on the screen it will try and select bits of the screen or the whole screen. You'll notice that the screen will take on a shade of blue and generally speaking once this happens the game will not recognize most of your inputs anymore. This has been observed in both chrome and safari.
Games that use the following template
<div id="c2canvasdiv" style="width: 1555px; height: 810px; margin-left: 0px; margin-top: 0px;">
<!-- The canvas the project will render to. If you change its ID, don't forget to change the
ID the runtime looks for in the jQuery events above (ready() and cr_sizeCanvas()). -->
<canvas id="c2canvas" width="1399" height="729" style="width: 1555px; height: 810px;">
<!-- This text is displayed if the visitor's browser does not support HTML5.
Should use the following CSS fix.
CSS:
canvas#c2canvas {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
HTML:
<canvas id="c2canvas">
game code
</canvas>