Enter key not detectable after refocusing an SfAutoComplete

[Mike Vinson]

Hello Syncfusion support,

I have run into the issue during a custom cascading autocomplete process within the Blazor SfAutoComplete user interface events.

The issues occurs when you finish typing into an autocomplete input box, which we will call ACInputBoxOne from now on, and press the enter key. Which then moves the input cursor to the next input, which we will call ACInputBoxTwo. This all works well, however, when you re-focus the ACInputBoxOne from ACInputBoxTwo with a ACInputBoxOne.FocusAsync() call, it does refocus, but the Enter key no longer works until the text value changes. I need to find out how to detect when the Enter key is pressed again without the user modifying the text upon refocus.

Here is an example of the code component I use. I have tried about every possible event found in the documentation ( Events in Blazor AutoComplete Component | Syncfusion ) without success.

Here is an example of the ACInputBoxOne;

        <div class="w-100">
            <div class="input-group">
                <span class="input-group-text" id="item-input-name"><strong><span class="text-danger">*</span> Item Name:</strong></span>
                <div class="form-control">
                    <SfAutoComplete @ref="ACInputBoxOne"
                                    TItem="NSItem"
                                    TValue="string"
                                    AllowFiltering="true"
                                    AllowCustom="true"
                                    DataSource="@itemList"
                                    CssClass="form-control"
                    @bind-value="itemName">
                        <AutoCompleteEvents TItem="NSItem" TValue="string"
                                            ValueChange="ItemNameDropdownValueChanged">
                        </AutoCompleteEvents>
                        <AutoCompleteFieldSettings Text="Name" Value="Name">
                        </AutoCompleteFieldSettings>
                    </SfAutoComplete>
                </div>
            </div>
        </div>

Thanks for all you help,

Mike

[Mallesh Ravi Chandran]

Hi Mike, 

We have validated the reported query on our end. Unfortunately, we were not able to reproduce the reported issue based on your scenario. We have prepared a sample based on the shared information. Please review the sample to assist you better, and if possible, try to replicate the reported issue using the attached sample.

Please revert to us with a detailed replication procedure or video illustration on how to replicate the issue. These details will help us provide a precise solution as soon as possible. Furthermore, could you please share information on how you handle the focus of the autocomplete component and the full page code?

Sample : https://blazorplayground.syncfusion.com/embed/VNBqtFZwniCjSEcd?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

Regards,

Mallesh