Removing item from ListView which uses CollectionViewSource and groups items.

[onslauth]

The page includes a ListView that uses a CollectionViewSource which has it's Source binded to an ObservableCollection of items.

If I try to remove the selected item from the ListView, I get a "Catastrophic failure exception".

What is the correct way to remove an item from a group or CollectionViewSource and have the ListView update accordingly?

MainWindow.xaml:

<Page>
    <Page.Resources>
        <CollectionViewSource x:Name="ItemGroup" IsSourceGrouped="True" Source="{ x:Bind GroupedItems, Mode=OneWay }" />

        <DataTemplate x:Key="ItemTemplate" x:DataType="local:TestItem" >
            <Grid>
                <Grid Grid.Column="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>

                    <StackPanel Grid.Column="0" Orientation="Vertical" VerticalAlignment="Center" Padding="10, 5, 0, 5" >
                        <TextBlock Text="{ Binding Path=Name }" />
                    </StackPanel>
                </Grid>

            </Grid>
        </DataTemplate>

    </Page.Resources>
    
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        
        <ListView x:Name="TestListView"
                  ItemTemplate="{ StaticResource ItemTemplate }"
                  Grid.Row="0"
                  ItemsSource="{ x:Bind ItemGroup.View, Mode=OneWay }"
                  SelectionMode="Single"
                  >
            <ListView.ItemsPanel>
                <ItemsPanelTemplate>
                    <ItemsStackPanel AreStickyGroupHeadersEnabled="False"/>
                </ItemsPanelTemplate>
            </ListView.ItemsPanel>
            <ListView.GroupStyle>
            <GroupStyle >
                <GroupStyle.HeaderTemplate>
                    <DataTemplate x:DataType="local:TestGroup">
                        <Border AutomationProperties.AccessibilityView="Raw">
                            <TextBlock Text="{x:Bind Key}" Style="{ThemeResource TitleTextBlockStyle}" AutomationProperties.AccessibilityView="Raw"/>
                        </Border>
                    </DataTemplate>
                </GroupStyle.HeaderTemplate>
            </GroupStyle>
        </ListView.GroupStyle>
        </ListView>
    </Grid>
</Page>

MainWindow.xaml.cs:

namespace CollectionViewTest
{
    /// <summary>
    /// An empty window that can be used on its own or navigated to within a Frame.
    /// </summary>

    public class TestItem
    {
        public string Name { get; set; }
        public string Group { get; set; }
    }

    public class TestGroup : ObservableCollection<TestItem>
    {
        public string Key { get; set; }
        public TestGroup( ObservableCollection<TestItem> items ) : base( items )
        {
            this.Key = items[ 0 ].Group;
        }
    }

    public sealed partial class MainWindow : Window
    {
        public ObservableCollection< TestGroup > GroupedItems;

        public MainWindow( )
        {
            this.InitializeComponent( );
            this.CreateItems( );

            this.TestListView.SelectionChanged += this.TestListView_SelectionChanged;
        }

        private void CreateItems( )
        {
            ObservableCollection< TestGroup > groups = new ObservableCollection<TestGroup>( );

            var group1 = new TestGroup( new ObservableCollection<TestItem>
            {
                new TestItem( ) { Name = "One", Group = "1" },
                new TestItem( ) { Name = "OneOne", Group = "1" },
            });

            var group2 = new TestGroup( new ObservableCollection<TestItem>
            {
                new TestItem( ) { Name = "Two", Group = "2" },
            } );

            var group3 = new TestGroup( new ObservableCollection<TestItem>
            {
                new TestItem( ) { Name = "Three", Group = "3" },
            } );

            groups.Add( group1 );
            groups.Add( group2 );
            groups.Add( group3 );

            this.GroupedItems = groups;
        }

        private void TestListView_SelectionChanged( object sender, SelectionChangedEventArgs e )
        {
            var item = e.AddedItems[ 0 ] as TestItem;
            this.TestListView.Items.Remove( item );
        }
    }
}

[onslauth]

I have tried removing the items from the ListView directly, as well as from the ObservableCollection inside of the TestGroup and both result in a Catastrophic Failure.