Issue with cursor of FormItemIcon

[Crack]

The area that changes mouse cursor for FormItemIcon doesn't align correctly with icon's active area. When mouse cursor is approaching the icon I can interact with it even before the cursor's image is replaced with the correct one.

Demo (animated GIF):


Cursor goes right to left, when icon is replaced with its "hover" variant the mouse cursor is still an arrow. I need to move it three more pixels to have it replaced with a pointer.

This can be reproduced at https://smartclient.com/smartclient-...sizeIncrease=2 (use Enterprise skin because it contains icons from code sample):

isc.DynamicForm.create({
    width: 200,
    fields : [
        {name: "test",
         title: "Test",
         icons: [{
                inline: true,
                inlineIconAlign: "left",
                src: "[SKINIMG]headerIcons/plus.png",
                width: 15,
                height: 15,
                showOver: true,
                showOverWhen: "icon",
                prompt: "Prompt",
                click: () => { console.log(Math.random()) }
         }]
        }
    ]
});

SmartClient v13.0p_2024-04-10/AllModules Development Only

[Isomorphic]

It sounds like you are pointing out something that is by design. The space around the icon is "dead space" and allowing that space to act as though you were over the icon means the user doesn't have to be as precise with the mouse.

[Crack]

Then the mouse cursor should also change when it's over this "dead space". Right now it's a bit inconsistent because there's an area where, at the same time, the icon shows that it's interactable (it switches to hover state), but mouse cursor is still using the neutral arrow image.