DropDown not working in Popup

I need to open a DropDown inside a Popup to edit a form, but it is not allowing focus on the TextBox.

I have already tried to treat the z-index as described Ticket, but without a solution.

Razor
<div class="target-container" @onclick="@(() => PopupVisible = true)">
    <p class="target-caption">CLICK TO SHOW A POP-UP WINDOW</p>
</div>
<DxPopup
    @bind-Visible="@PopupVisible"
    ShowFooter="true"
    HeaderText="Edit Contact">
    <BodyContentTemplate Context="body">
                <div id="dropdown-overview-target-container">
                    <DxButton Click="() => IsOpen = !IsOpen"
                              RenderStyle="@ButtonRenderStyle.Secondary"
                              aria-describedby="dropDown-overview">SHOW A DROPDOWN</DxButton>
                </div>
    </BodyContentTemplate>
    <FooterContentTemplate>
        <DxButton CssClass="popup-button my-1 ms-2" RenderStyle="ButtonRenderStyle.Primary" Text="OK" Click="@(() => PopupVisible = false)" />
        <DxButton CssClass="popup-button my-1 ms-2" RenderStyle="ButtonRenderStyle.Secondary" Text="Cancel" Click="@(() => PopupVisible = false)" />
    </FooterContentTemplate>
</DxPopup>
        <DxDropDown @bind-IsOpen="@IsOpen"
                    Id="dropDown-overview"
                    HeaderVisible="true"
                    HeaderText="Header"
                    PositionMode="DropDownPositionMode.Bottom"
                    Width="max(25vw, 250px)"
                    PositionTarget="#dropdown-overview-target-container"
                    RestrictionTarget="#Navigation-DropDown-Overview"
                    CloseMode="DropDownCloseMode.Close"
                    PreventCloseOnPositionTargetClick="true">
                    <BodyTemplate>
                <DxTextBox @bind-Text="@card" ></DxTextBox>
                    </BodyTemplate>
        </DxDropDown>





@code {
    bool IsOpen { get; set; } = false;
    bool PopupVisible { get; set; }
    string card;

}