We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Empty option can be selected via the keyboard when no empty option is specified in array


We're experiencing an issue with the Drop Down List when using Angular.

Please find a demo attached.

We're specifying the available options via an array.

Although we have no 'empty' or 'blank' option, when the drop down has focus and we press a key which doesn't correspond to the first letter of an option, the drop down is set to empty.

Unfortunately we can't have an empty value, nor to we wish to include a validation message which displays to the user when it is empty. Ideally the user should not be able to set it to empty in the first place.

Can you take a look at this please?

Many thanks.

Attachment: Demo_878785b7.zip

1 Reply

PO Prince Oliver Syncfusion Team March 22, 2016 12:59 PM UTC

Hi Greg,

Thank you for contacting Syncfusion support.

Since you need to validate whether dropdown is empty or not, you can combine validation with pop-up hide event. Once the pop-up closes, it triggers the validation.
popupHide - Fires the action, once the popup is closed.


We have modified the sample to validate Dropdown value. Please find the sample from the below link:


The issue “DropDownlist got empty when search on non-related key’s” has been fixed internally and the fix will be available in our upcoming Volume 1, 2016 release which will be rolled out by the end of March, 2016


Live Chat Icon For mobile
Up arrow icon