Click face mouse event not working on device

[noob_dev]

On my clock face, I have following in index.gui

<image id="container"   pointer-events="visible" fill="green" href="images/heart.png"  x="0" y="0" width="25" height="25" />

In index.js I have

document.getElementById("container").onmousedown = function(e) {

  console.log("click");
}

log statement work on simulator for every I click I do.

But on device, it seldom gets printed.

Any pointers on this ?

[JonFitbit · Accepted solution]

Perhaps try a <rect> element on top, and take the click from that.