Popup for TextBox with DataGrid

[Bhushan_Harpade]

RadzenDataGrid component when you resize a RadzenDataGridColumn to make it big for the second time the whole column vanishes even though there is horizontal scroll bar and fixed width for datagrid. It works fine if you open it again and then click anywhere on the datagrid.

in Above Image I Open the DropDownDataGrid it show all the columns, but when I try to resize any column(e.g PoNo) then the DropDownDataGrid closes and when we open it then that column is removed.

Below is the Code provided for your reference.

Code:-

@using Radzen.Blazor.Rendering
@using Microsoft.JSInterop

.my-popup { display: none; position: absolute; overflow-y: auto; overflow-x: auto; border: var(--rz-panel-border); background-color: var(--rz-panel-background-color); box-shadow: var(--rz-panel-shadow); border-radius: var(--rz-border-radius) padding: 10px; }

<Popup @ref=popup id="popup" AutoFocusFirstElement="false" class="my-popup"

<RadzenDataGrid @ref="grid0" IsLoading="load" AllowAlternatingRows="false" Style="height:400px; width:850px;" ColumnWidth="140px" AllowFiltering="true" EditMode="@editMode" AllowVirtualization="true"
Filter="@OnFilter" FilterCleared="OnFilterCleared"
AllowSorting="true" Data="@PoDetailCollection" ShowPagingSummary="true" LoadData="Grid0LoadData" Count="count" TItem="ERPDemo.Models.ErpWise.PoDetail"
AllowColumnResize="true" PagerHorizontalAlign="HorizontalAlign.Center" RowSelect="RowClicked">

    <Columns>     
        
    <RadzenDataGridColumn Property="Category" Title="Category" Width="250px"
                          FilterMode="FilterMode.SimpleWithMenu"
                          Visible="false"
                          FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })"
                          FilterOperator="FilterOperator.Equals"
                          FilterValue="@Category">
    </RadzenDataGridColumn>
    <RadzenDataGridColumn Title="Category" Property="Category" 
                          FilterValue="@Category"
                          FilterMode="FilterMode.SimpleWithMenu"
                          FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })"  >
        <FilterValueTemplate>
        <ParameterComponent @bind-ParaCode="@Category" isFormfield=false Caption="Category" ParaType="CATG"></ParameterComponent>
        </FilterValueTemplate>
    </RadzenDataGridColumn>
    <RadzenDataGridColumn FilterMode="FilterMode.SimpleWithMenu" FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })" FilterValue="@PONo" TItem="ERPDemo.Models.ErpWise.PoDetail" Property="PONo" Title="PONo" />
    <RadzenDataGridColumn Title="PODate Date" FilterMode="FilterMode.SimpleWithMenu" Property="PODate" FormatString="{0:dd/MM/yyyy}"
                          FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })" FilterValue="@PODate">
        <FilterValueTemplate>
            <RadzenDatePicker @bind-Value=@PODate Style="width:100%;" AllowClear="true" DateFormat="dd/MM/yyyy" InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "filter by Hire Date" }})" />
        </FilterValueTemplate>
    </RadzenDataGridColumn>

    <RadzenDataGridColumn FilterMode="FilterMode.SimpleWithMenu" FilterValue="@AmendNo" FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })" TItem="ERPDemo.Models.ErpWise.PoDetail" Property="AmendNo" Title="AmendNo" />

    <RadzenDataGridColumn FilterMode="FilterMode.SimpleWithMenu" FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })" FilterValue="@partno" TItem="ERPDemo.Models.ErpWise.PoDetail" Property="partno" Title="Partno" />
    <RadzenDataGridColumn FilterMode="FilterMode.SimpleWithMenu" FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })" TItem="ERPDemo.Models.ErpWise.PoDetail" Property="Qty" Title="Qty" />
    <RadzenDataGridColumn FilterMode="FilterMode.SimpleWithMenu" FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })" TItem="ERPDemo.Models.ErpWise.PoDetail" Property="RecQty" Title="RecQty" />
    <RadzenDataGridColumn FilterMode="FilterMode.SimpleWithMenu" FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })" TItem="ERPDemo.Models.ErpWise.PoDetail" Property="BalQty" Title="BalQty" />
    <RadzenDataGridColumn FilterMode="FilterMode.SimpleWithMenu" FilterOperators="@(new FilterOperator[]{ FilterOperator.Equals, FilterOperator.NotEquals })" FilterValue="@status" TItem="ERPDemo.Models.ErpWise.PoDetail" Property="PoMast.Status" Title="Status" />
    </Columns>
</RadzenDataGrid>

[enchev]