Autocomplete Issue with mouse


I tried to use the Autocomplete control with the following code:

<RadzenAutoComplete Placeholder="Start typing..." Data=@couponCodes Value="@payload.CouponCode" ValueChanged="OnChangeCouponCode" ValueExpression="() => payload.CouponCode" Style="width: 100%; display:inline-block"></RadzenAutoComplete>
@code {
    IEnumerable<string> couponCodes = new List<string>() { "COUPON1", "COUPON2" };

When I start typing a "C" the dropdown appears and I can select a value (using the cursor buttons and ENTER key). However, when the dropdown appears and I use the mouse to select an item from the list, the dropdown closes but the value is NOT selected. Looks like a bug to me.

Also, is there a way for the user to open up the dropdown without typing (like a DropDownList)?

My use case is this: I want a text box into which I can enter any kind of text, but I also want to be able to alternatively select a text from a list of predefined items. If there is any better way than using the autocomplete box, that would help!


I've tried our AutoComplete demo and I was able to select the item using mouse:

Can you post runnable code replicating the problem?

No, this is not possible.