Event "area" of an image inside a container not matching the image position?

Phaser 3
1

I’m trying to use phaser and I’ve hit a snag during one of my tests.

I’ve got a GameObjects.Container that contains several images at various relative positions.
For each added image, I call .setInteractive({cursor: “pointer”}) and .on(“pointerdown”, … )

My expectation is that on the scene, when I click on the image, the function referenced by “on” is called.

However the clickable area is offset toward the center of the container compared to the image and it makes no sense to me.

e.g.

If an image of 16x16 is 64 pixels on the right side of the container (+64, +0), its clickable area will be around (+48, +0) on the right side of the container.

Any idea of what may be happening?

Thank you in advance.

2

The problem doesn’t happen without a container?

3

By chance, can you share your code for the issue you are seeing?

4

Thank you for replying.

It turns out when I closed the developer tab the issue went away.

I’ve noticed right after posting the question while stopping working.

Because of the moderation I couldn’t delete nor amend the post.

5

Thank you for replying.

It turns out when I closed the developer tab the issue went away.

I’ve noticed right after posting the question while stopping working.

Because of the moderation I couldn’t delete nor amend the post.

The source is based on the discord multiplayer template.

I suspect either the “scaling” manager part (that I got rid of since) or the browser (Brave, so Chrome-based) is the cause of the issue.