Context MenuFlyout disappears upon deleting newest item or item at last index of StackPanel

[dhaval-ceva]

I am new to WinAppSDK and WinUI 3 development. I am trying to create a list of elements within a StackPanel where each child element has a right-click context menu with two items: Insert and Delete. Insert adds a new element right after the target of the right-click, and Delete removes the target element.

The issue is that the context menu becomes blank/disappears in the following two cases:

1. Before any insertions are made, deleting the last element in the StackPanel (1a and 1b in the screenshot below).
2. After inserting new items, deleting the last/newest inserted element in the StackPanel (2a and 2b in the screenshot below).

I am creating the context menu in XAML using a MenuFlyout within the resources of the StackPanel:

<StackPanel x:Name="myPanel" HorizontalAlignment="Center" VerticalAlignment="Center">
    <StackPanel.Resources>
        <MenuFlyout x:Key="myFlyout">
            <MenuFlyoutItem Tag="insert" Text="Insert" Icon="Download" Click="myFlyout_Click"/>
            <MenuFlyoutItem Tag="delete" Text="Delete" Icon="Delete" Click="myFlyout_Click"/>
        </MenuFlyout>
    </StackPanel.Resources>
</StackPanel>

I am adding the StackPanel items through code using a for-loop:

const auto my_flyout {
    myPanel().Resources().TryLookup(box_value(L"myFlyout")).as<Controls::MenuFlyout>()
};

for (int i = 0; i < 5; ++i)
{
    const auto child { Controls::Button() };
    const auto label { Controls::TextBlock() };
    label.Text(L"Child " + to_hstring(i+1));
    child.Content(label);
    child.ContextFlyout(my_flyout);
    myPanel().Children().Append(child);
}

And below is my insertion/deletion code within the Click event function of the MenuFlyoutItems:

void MainWindow::myFlyout_Click(IInspectable const& sender, RoutedEventArgs const&)
{
    const auto my_flyout {
        myPanel().Resources().TryLookup(box_value(L"myFlyout")).as<Controls::MenuFlyout>()
    };

    const auto item { sender.as<Controls::MenuFlyoutItem>() };
    const auto cmd { unbox_value<hstring>(item.Tag()) };
    const auto target { my_flyout.Target().as<Controls::Button>() };
    uint32_t index;
    myPanel().Children().IndexOf(target, index);

    if (cmd == L"insert")
    {
	const auto child { Controls::Button() };
	const auto label { Controls::TextBlock() };
        label.Text(L"Child New");
        child.Content(label);
        child.ContextFlyout(my_flyout);
        myPanel().Children().InsertAt(index+1, child);
    }
    else if (cmd == L"delete")
    {
	myPanel().Children().RemoveAt(index);
    }
}

WinAppSDK 1.3.230331000
Windows 10 22H2 build 19045.2728

Here's a GitHub link to the MWE project: https://github.com/dhaval-ceva/winui3-context-menu-issue-mwe