Keypad Enter key not working in MultiSelect Dropdown

I have an multiselect Dropdown control in my application. I have used below code for "Enter Key" Navigation. It works only for "Num Enter Key" but its not working for Key Pad Enter Key (Big Enter Key)


Note:-

When I press  "Key Pad Enter Key (Big Enter Key)",the below event is not fire but the same code is working sfdropdown control

Razor Page :-

<th width="80%">

                                                            <div class="table-title">

                                                                <SfMultiSelect @ref="cmbfilterlist" @bind-Value="@selectedItemList" TValue="string[]" TItem="GenericDropDownData" FilterType="Syncfusion.Blazor.DropDowns.FilterType.Contains" AllowFiltering="true" @onkeypress="AddRowkeydown" DataSource="rulesFilterValue">

                                                                    <MultiSelectFieldSettings Value="ID" Text="Name"></MultiSelectFieldSettings>

                                                                    <ValidationMessage For="@(() => roleTemplateDetail.FilterIDsList)"/>

                                                                    <MultiSelectEvents TItem="GenericDropDownData" TValue="string[]" OnValueSelect="OnValueSelect" ValueRemoved="OnValueRemoved"></MultiSelectEvents>

                                                                </SfMultiSelect>


CS Code :-


  public async Task AddRowkeydown(Microsoft.AspNetCore.Components.Web.KeyboardEventArgs args)

        {


            if (args.Key == "Enter")

            {

}

}




                                                            </div>

                                                        </th>




3 Replies

PM Ponmani Murugaiyan Syncfusion Team February 8, 2022 02:36 PM UTC

Hi KINS, 

We ensured your reported case, “After open the popup, pressed the keyboard enter key (Big enter key), the item is selected” as expected. Unfortunately, we couldn’t replicate your reported issue in our end.  

To proceed further, we request you to share the below details. 

  1. Share issue reproducing video demonstration.
  2. Issue replication procedure.
  3. Share your browser details.

Regards, 
Ponmani M 



KI KINS February 10, 2022 04:49 AM UTC

Please check this control within EditFom.




PM Ponmani Murugaiyan Syncfusion Team February 14, 2022 02:54 AM UTC

Hi KINS, 

We checked your reported query in Edit form, we have prevented the enter key action to prevent the form from submitting when user opens the popup and click on Enter, the form will submit instead now the items will get selected, only when click on input the form gets submit. The same behaviour has been implemented in the Dropdownlist also. Please find the sample below for reference for Multiselect and DropDownList. 


Kindly check with the above sample, if we misunderstood your query please share the below details to proceed further. 

  1. Issue reproducing video demonstration.
  2. Issue reproducing procedure.
  3. If possible, try to replicate the issue in the above attached sample.

Regards, 
Ponmani M 


Loader.
Up arrow icon