Mesh's ActionManager on android chrome highlights/selects canvas on click

Hi, I was working on a project and we noticed that the whole canvas flashed blue when clicking on a mesh in an android device using chrome.

I managed to narrow it down to the action managers and I could reproduce it on your official action managers playground:

And here’s a playground with only an action manager with an empty method:

For me all it took was adding the trigger BABYLON.ActionManager.OnPointerOutTrigger to a mesh and an empty method to start highlighting the canvas when the mesh was clicked.

It can be reproduced by using the mobile emulator in chrome which made it simpler for me to find a solution. So there is no need to use a mobile device to troubleshoot and thus might just be a chrome touch issue.

The solution/workaround:
I added the css -webkit-tap-highlight-color: rgba(0, 0, 0, 0) to the canvas and that removed the blue colour.


Hopefully this can help someone track down the cause if it’s code related as it only happens if you click the meshes with action managers.

I can do a draft PR for documentation mentioning the issue if needed but I don’t know if the action managers section would be the place to do that.

1 Like

cc @PirateJC for the doc