How to make the Popup control in WPF ignore mouse events

I want to implement a function: display Popup when the mouse enters the Grid, update the Popup position when the mouse moves, and close Popup when the mouse leaves the Grid.

This is my current xaml and cs:

MainWindow.xaml

<Window x:Class="ShowPopup.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ShowPopup"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid x:Name="MainGrid" MouseEnter="MainGrid_MouseEnter" MouseMove="MainGrid_MouseMove" MouseLeave="MainGrid_MouseLeave" Background="Transparent">
        <Popup x:Name="MainPopup" IsOpen="True" IsHitTestVisible="False" Placement="Top">
            <Grid Background="Black" Width="200" Height="200"/>
        </Popup>
    </Grid>
</Window>

MainWindow.xaml.cs

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }

    private void MainGrid_MouseEnter(object sender, MouseEventArgs e)
    {
        MainPopup.IsOpen = true;
    }

    private void MainGrid_MouseMove(object sender, MouseEventArgs e)
    {
        MainPopup.HorizontalOffset = Mouse.GetPosition(MainGrid).X;
        MainPopup.VerticalOffset = Mouse.GetPosition(MainGrid).Y;
    }

    private void MainGrid_MouseLeave(object sender, MouseEventArgs e)
    {
        MainPopup.IsOpen = false;
    }
}

When the mouse moves from top to bottom, it works fine. But when it moves from bottom to top, Popup will flicker. It should be that when the mouse moves to Popup, MainGrid_MouseLeave is triggered, that is, Popup still receives mouse events. The following is a demonstration picture: