So we are having an error that we cannot catch.
In the function
var getInfoGridFromMouseTouchEvent =
function getInfoGridFromMouseTouchEvent (evt) {
var canvas = evt.currentTarget
var rect = canvas.getBoundingClientRect()
var clientX
var clientY
/** Detect if touches are available */
if (evt.touches) {
clientX = evt.touches[0].clientX
clientY = evt.touches[0].clientY
} else {
clientX = evt.clientX
clientY = evt.clientY
}
var eventX = clientX - rect.left
var eventY = clientY - rect.top
var x = Math.floor(eventX * ((canvas.width / rect.width) || 1) / g)
var y = Math.floor(eventY * ((canvas.height / rect.height) || 1) / g)
return infoGrid[x][y]
}
The value of eventX is -1, so when trying to access to infoGrid[x][y] it just breaks.
When we hover slowly over the canvas looks like the client x is on 440 and the canvas is positioned at 441. Thats strange.
Here you can see the values from debug console :)

So we are having an error that we cannot catch.
In the function
The value of eventX is -1, so when trying to access to
infoGrid[x][y]it just breaks.When we hover slowly over the canvas looks like the client x is on 440 and the canvas is positioned at 441. Thats strange.
Here you can see the values from debug console :)