Ui does not properly handle mouse-out from the ui itself.

[IceReaper]

When the mouse leaves the ui, the mouse-out event is not processed.
This can be seen here:
https://github.com/stride3d/stride/blob/master/sources/engine/Stride.UI/Rendering/UI/UIRenderFeature.Picking.cs#L249
Basically if the mouse is not within the bounds, the mouse is not handled. While this is correct theoretically, it will also skip invoking the mouse out event for the currently hovered element, leaving it in the hovered state.

This can be seen here:

A hacked workaround is this:

        protected override bool BeginDraw()
        {
            this.uiRenderFeature ??= this.SceneSystem.GraphicsCompositor.RenderFeatures.OfType<UIRenderFeature>().FirstOrDefault();
            this.uiElementUnderMouseCursor = this.uiRenderFeature?.UIElementUnderMouseCursor;

            return base.BeginDraw();
        }

        protected override void EndDraw(bool present)
        {
            if (this.uiElementUnderMouseCursor != null && this.uiRenderFeature?.UIElementUnderMouseCursor == null)
                this.uiElementUnderMouseCursor?.GetType().GetProperty("MouseOverState")?.SetValue(this.uiElementUnderMouseCursor, MouseOverState.MouseOverNone);
            
            base.EndDraw(present);
        }