Use Enter in Autocomplete within dialog without firing primary button action

[Jaap van Vliet]

We've build an custom Autocomplete component (because yours only accept simpel data-types), and when we select an option from the list with Enter the primairy button action fires and the dialog will close. 

I've attached an example with an simplefied own component and your Autocomplete component and in both components the dialog closses when I press enter within. Despite the stopPropagation attribute on onkeypress and onkeydown in our own component. 

Best regards, Jaap

Attachment: BlazorApp1_aa3f1b3.rar

[Pandiyaraj Muniyandi]

Hi Jaap van Vliet, 

 

Greetings from Syncfusion support. 

 

As per Dialog component behavior, we will manually invoke click action to primary button, which is rendered inside the footer section, when dialog contains focusable element in content section. You can prevent the default behavior using Dialog Opened event argument by passing true as value to PreventFocus property as follows 

 

 

<SfDialog> 

    <DialogEvents Opened="@DialogOpened"></DialogEvents> 

</SfDialog> 

 

@code { 

    private void DialogOpened(OpenEventArgs args) 

    { 

        args.PreventFocus = true; 

    } 

} 

 

 

We have modified your sample with above changes, get it from below link 

https://www.syncfusion.com/downloads/support/forum/154672/ze/Dialog-1057496619 

 

Regards, 

Pandiyaraj 

[Jaap van Vliet]

Thanks!

[Pandiyaraj Muniyandi]

Hi Jaap van,

Most Welcome! 

  

Regards, 

Pandiyaraj