RadzenDropDown not showing selected item

Using the demos for the RadzenDropDown and trying to duplicate the functionality, I am finding that the text box does not display the selected item. Both when setting programmatically or when selected in the UI. The only difference from the demo Define Text and Value properties is that instead of calling the database the values are populated in the code. In the full application I am calling the database but get the same result. The highlight does change when the selection is changed either by the user or programmatically as seen in the code for the Change event. Here is the code, which is a copy/paste from the demo with the adding of the values.

<div class="rz-p-12 rz-text-align-center">
    <RadzenDropDown TValue="int" @bind-Value=@value Data=@Model TextProperty="Name" ValueProperty="Id"
                    Change="((args) =>Change())" />
@code {
    int value = 2;
    IList<TestDDLModel> Model;

    protected override async Task OnInitializedAsync()
        await base.OnInitializedAsync();
        Model = new List<TestDDLModel>();
        Model.Add(new TestDDLModel() { Id = 1, Name = "Number 1" });
        Model.Add(new TestDDLModel() { Id = 2, Name = "Number 2" });
        Model.Add(new TestDDLModel() { Id = 3, Name = "Number 3" });
        Model.Add(new TestDDLModel() { Id = 4, Name = "Number 4" });
        Model.Add(new TestDDLModel() { Id = 5, Name = "Number 5" });
        Model.Add(new TestDDLModel() { Id = 6, Name = "Number 6" });
    protected void Change()
        value = 5;

Here is the model used.

public class TestDDLModel
    public int Id { get; set; }
    public string Name { get; set; }

I have tried changing the Id to string with the same result. Set the multiple and changed to a list with the same result.
Edit: I believe the issue is with the hidden div covering up the selected value. It seems it is for formatting to keep the box wide enough but still causes the selection to not be visible. Once the hidden element is deleted, as you can see in the 2 images, the selected item is displayed. Haven't tried setting the z-index yet to see if that helps but have a starting point.


Does our online demo work as expected for you? Also what browser and version are you testing with? This seems as some CSS issue. Try inspecting what CSS rules apply to the hidden div. They should be this:

I must apologize. I am not sure what happened. Yesterday prior to posting the question, I tried several things and nothing worked except to change the height style for the hidden element. I moved on and was working on something else. Then this morning after reading your message tried it again and I can not reproduce the issue. Removed all styling I had in place that fixed the issue yesterday and the issue did not return. The demo did work for me yesterday and compared the elements and styling on both and they were different. The only thing different is Visual Studio was updated as well as some of the extensions and a system reboot.

Again my apologies and thank you for your time and appreciate all the effort used in developing such great components.