When I have a TelerikFilter in a TelerikPopover, removing a group or expression doesn't work. I think the issue is that the filter is not visually updating because when I click the X once nothing happens, but when I click the X again I get the Unhandled Error banner.
I also noticed that if I have another filter using the same variable for Value somewhere else in the DOM (not in a TelerikPopover), then the one in the TelerikPopover works as expected when removing groups and expressions.
<TelerikPopover AnchorSelector="span.filter-popover-target"
ShowOn="@PopoverShowOn.Click"
Offset="10"
Class="bg-dark-subtle"
AnimationType="@AnimationType.SlideDown"
AnimationDuration="500"
ShowCallout="false"
Collision="@PopoverCollision.Fit"
Position="@PopoverPosition.Bottom"
Width="650px"
@ref="@FilterPopoverRef">
<PopoverContent>
<div p-1>
<div class="h2">Filter Projects</div>
<TelerikFilter Value="@ProjectFilter" OnUpdate="@OnFilterUpdate">
<FilterFields>
<FilterField Name="@(nameof(ProjectModel.CustomerContact))"
Type="@(typeof(string))"
Label="Cust Contact"
Operators="@TextFilterOperators" />
<FilterField Name="@(nameof(ProjectModel.Description))"
Type="@(typeof(string))"
Label="Description"
Operators="@TextFilterOperators" />
</FilterFields>
</TelerikFilter>
</div>
</PopoverContent>
</TelerikPopover>