PointerOver / PointerOut events only fire when clicking

Version

• Phaser Version: 3.17.0

• Operating system: Win64

• Browser: Google Chrome

Description

I am registering pointerover and pointerout events for a game object so I can create a hover effect, but it seems like these events are not firing when I hover over it. They only fire when I click and hold down the mouse button, but then, they also only fire once. Is this intended, or a I doing something wrong?

Example Test Code

        this.sprite = scene.add.image(this.x, this.y, this.template.id);

        // Register a handler for when the user clicks on this sprite
        this.sprite.on("pointerup", function() {
            this.template.onInteract(this);
        }, this);

        // Register a handler for when the users mouse hovers over the sprite
        this.sprite.on("pointerover", function() {
            console.log("hover");
        }, this);

        this.sprite.on("pointerout", function() {
            console.log("out");
        })

        // Enable interactivity so pointer events actually fire
        this.sprite.setInteractive();

Additional Information

[justincooper-415]

I found on Mac, using Chrome 87.0.4280.88, the chrome developer console interfered with the pointerover events. So you might want to just turn off your dev console (if it’s open) to see if its the source of your problem.

[Abhay-soni-developer]

i think the problem is while you have opened your dev tools you have choose mobile view , and mobile does not have pointer thats why your pointer over and out works only on clicking. please close the dev tool or just change from mobile view to desktop and things will work out smooth for you