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

[Greg Gannicott]

Hi.

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

[Prince Oliver]

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.

http://help.syncfusion.com/js/api/ejdropdownlist#events:popuphide

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

http://www.syncfusion.com/downloads/support/forum/123477/ze/Demo_878785b7-1971848012

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

Regards,
Prince