"HTML5 Canvas Change Mouse Cursor Style" not working correctly

[jorik]

Hello,

There seems to be an issue with setting the cursor style as explained in https://konvajs.org/docs/styling/Mouse_Cursor.html

I've tried it in a brand new chrome instance, and the browser initially changes the cursor style onmouseenter, but the moment I move the mouse again within the same pentagon the cursor goes back to normal.

In the inspector I see that the correct style is still applied (e.g. cursor: pointer), but the browser stops rendering it.

Kapture.2026-02-18.at.12.33.37.mp4

[jreid02]

I can reproduce this behavior in Chrome, Safari, and Firefox. The cursor changes on mouseover, but as soon as you move it at all the cursor reverts to default. The same thing happens on exit, if you update the mouseout function to be something completely different (e.g. move) it will change on mouseout but as soon as you move the cursor more it reverts to default. I use this technique in our application so it would be great to hear of a fix or workaround. Ping me here if I can help with debugging or trying out things.