I have fields for entering addresses and the region field uses a combo box:
<select kendo-combo-box ng-model="vm.pickup.region" placeholder="Region"
k-data-text-field="'description'"
k-data-value-field="'code'"
k-data-source="vm.regions"
k-group="'country'"
k-filter="'contains'"
k-option-label="{ code: null, description: 'Region'}"></select>
The datasource is:
{ code: 'AB', description: 'Alberta', country: 'CA' },
{ code: 'BC', description: 'British Columbia', country: 'CA' },
{ code: 'MB', description: 'Manitoba', country: 'CA' },
{ code: 'NL', description: 'Newfoundland and Labrador', country: 'CA' },
{ code: 'NB', description: 'New Brunswick', country: 'CA' },
{ code: 'NS', description: 'Nova Scotia', country: 'CA' },
{ code: 'NT', description: 'North West Territories', country: 'CA' },
{ code: 'NU', description: 'Nunavut', country: 'CA' },
{ code: 'ON', description: 'Ontario', country: 'CA' },
{ code: 'PE', description: 'Prince Edward Island', country: 'CA' },
{ code: 'QC', description: 'Quebec', country: 'CA' },
{ code: 'SK', description: 'Saskatchewan', country: 'CA' },
{ code: 'YT', description: 'Yukon', country: 'CA' }
When I start typing in the address textbox and then use the Chrome autofill it sets the region to Ontario which does exist in the datasource however the underlying model is not updated unlike the rest of the fields.