[Bug] Tooltip will capture mouse over a button if it has to be placed above mouse position

[CyLuGh]

Check the following items

• I have looked up relevant Issue

Description of the issue

If a button has a tooltip and the tooltip has to be shown above above the mouse position (because we're at the bottom of the screen), the tooltip will capture the mouse and its click, which makes the button appear not working. If you move the mouse slightly away from the tool tip, it will work again.

I've captured both behaviors to illustrate this:

Tooltip is appearing above the mouse position, you can see the button appearance changes as it loses the hovered state

Tooltip is appearing below, no problem there

I guess the tooltip should have IsHitTestVisible set to false?

Package Version

6.0.3

Environment

Windows 11

Expected Behavior

Tooltip shouldn't prevent mouse click from working.

Reproduction

Happens with any button that has ToolTip.Tip set and is at the bottom of the screen.

Additional Information

No response

[CyLuGh]

I've quickly tried to override the ControlTheme in my app and set the IsHitTestVisible to false without getting a positive result. But now, I'm seeing this in the styles:

<Style Selector=":is(Control)">
        <Setter Property="ToolTip.VerticalOffset" Value="10"/>
        <Setter Property="ToolTip.HorizontalOffset" Value="-5"/>
</Style>

I wonder if this could be the culprit.

[kikipoulet]

I've quickly tried to override the ControlTheme in my app and set the IsHitTestVisible to false without getting a positive result. But now, I'm seeing this in the styles:

<Style Selector=":is(Control)">
        <Setter Property="ToolTip.VerticalOffset" Value="10"/>
        <Setter Property="ToolTip.HorizontalOffset" Value="-5"/>
</Style>

I wonder if this could be the culprit.

It is absolutely. In Avalonia, if we want to show a shadow, we need to put a margin otherwise the shadow will be clipped. So indeed the tooltip zone is bigger than it appears, as it contains its shadow too.

I suppose for the bottom, as it appears under + the size of the mouse icon, it's just above the end of the tooltip shadow, but when above we don't have the height of the mouse icon anymore so we're still in the tooltip shadow.

[CyLuGh]

Hell is in the details. And nice UIs are full of details 😭