SOLVED: Suppress autocomplete behavior when tabbing out of dropdown fields having 'allow user value'?

Forms Public Forms
1

I am trying to inhibit an unwanted behavior with Dropdown fields when 'Allow user value' is selected.

With a normal Dropdown field (Kendo UI DropDownList), if the field is blank and the user tabs out, nothing happens--the field remains blank. (This is the desired behavior.)

But when 'Allow user value' is enabled (Kendo UI ComboBox) the behavior changes. If the user tabs out of a blank Dropdown field, the first option in the static list is auto-filled unexpectedly. The cursor also remains within the field.

I hope this explanation is clear.

Is there a way to inhibit this behavior? We like that the options list is shown automatically while the field has focus, but we want the choice of items to be intentional. I've looked at the Kendo UI docs, but didn't see an obvious way to set the widget options for this.

I have also tried programmatically setting the ariaAutoComplete property of the field to "list", as so:

    fd.field('Field1').widgetOptions = {
        ariaAutoComplete: "list"
    };

But this seems not to work as expected.

Edit: I managed to correctly set the input control attribute with a bit of jQuery:

   `$('.myfield-classname .k-input').attr('aria-autocomplete', 'list');`

But this also had no effect.

Any advice is welcome.

Thanks in advance!

2

Firgured it out. Needed to set the Kendo UI ComboBox highlightFirst property to false.

    fd.field('Field1').widgetOptions = {
        highlightFirst: false
    };

highlightFirst - API Reference - Kendo UI ComboBox - Kendo UI for jQuery

1 Like