DataGrid click on inner popup closes top-level filter popup

[p.ivanov]

I have a RadzenDataGrid with custom column filter in which I want to show another RadzenDataGrid with advanced filter. When I click on inner DataGrid filter popup, parent popup filter gets closed. Please see provided code example and screenshot for additional details.

<RadzenDataGrid TItem="DataRow" AllowFiltering="true" FilterMode="FilterMode.Advanced">
    <Columns>
        <RadzenDataGridColumn TItem="DataRow" >
            <FilterTemplate>
                <RadzenDataGrid TItem="FilterRow" AllowFiltering="true" FilterMode="FilterMode.Advanced">
                    <Columns>
                        <RadzenDataGridColumn TItem="FilterRow" />
                    </Columns>
                </RadzenDataGrid>
            </FilterTemplate>
        </RadzenDataGridColumn>
    </Columns>
</RadzenDataGrid>

@code {
    public class DataRow  { }

    public class FilterRow { }
}

[enchev]

The case is rather unusual still we've fixed it.

[p.ivanov]

In my case, I'm building an Excel-like filter control, allowing users to filter DataGrid rows by choosing from a list of distinct column values. I use inner DataGrid's filter popups to provide additional filtering features for the list of distinct values.

I found another issue with inner popups: when I reopen the disappeared parent filter popup, and try to scroll through inner filter DataGrid, the parent filter popup unexpectedly closes again. Please see provided code and screenshot for details.

<RadzenDataGrid TItem="DataRow" AllowFiltering="true" FilterMode="FilterMode.Advanced">
    <Columns>
        <RadzenDataGridColumn TItem="DataRow">
            <FilterTemplate>
                <RadzenDataGrid TItem="FilterRow" Data="filter" AllowFiltering="true" FilterMode="FilterMode.Advanced"
                                Style="height: 300px">
                    <Columns>
                        <RadzenDataGridColumn TItem="FilterRow" Property="Value" />
                    </Columns>
                </RadzenDataGrid>
            </FilterTemplate>
        </RadzenDataGridColumn>
    </Columns>
</RadzenDataGrid>

@code {
    List<FilterRow> filter = Enumerable.Range(0, 100).Select(x => new FilterRow { Value = x.ToString() }).ToList();

    public class DataRow
    {
    }

    public class FilterRow
    {
        public string Value { get; set; }
    }
}