Buttons states are active.

[ankush-badyal]

On moving mouse out of the canvas, if the mouse was over a button, the button stays in hover state and if we move the mouse back on canvas at other location then the mouse stays in hand cursor and the button stays in hover state, until you move the mouse over the button again and move out on the canvas.

[samme]

https://codepen.io/samme/pen/zppmZj

[ankush-badyal]

The example you have created is what i wanted to point at.

[squaresun]

#439

I've made a PR trying to fix this.

[samme]

Could this be solved by adding

input.interactiveItems.callAll('_pointerOutHandler', this);

in Phaser.Pointer#stop?

[squaresun]

@samme I haven't noticed interactiveItems inside input.
It seems that the Phaser.InputHandler#_pointerOutHandler would be called twice (The mouse goes out of canvas and get back to canvas).

So I put this

this.input.interactiveItems.callAll('_pointerOutHandler', this.input.mousePointer);

in Phaser.Mouse#onMouseOut and it seems ok.

I've updated PR for this. Thanks for the advice.

[samme]

@squaresun can you explain? Thanks.

It seems that the Phaser.InputHandler#_pointerOutHandler would be called twice (The mouse goes out of canvas and get back to canvas).

[squaresun]

@samme
When the mouse goes out of canvas, _pointerOutHandler called. (That sounds normal)
But when the mouse goes into canvas from outside, _pointerOutHandler called again (Which is not expected)

[samme]

That might be OK. I guess I'll have to try it.

[samme]

I’m going to move this behavior under stopOnGameOut.