Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 21 Oct 2022 08:21 by ADMIN
Davis
Created on: 18 Oct 2022 11:12
Category: Kendo UI for Angular
Type: Bug Report
1
kendo combobox accepting character that does not part of suggestion/list item in angular

When the user enters each character into the combobox, the system should validate that the resulting value is valid. If not, the system should not display the character

Step to produce:

  1. Give focus to combobox

  2. Type res

  3. System should select Residential

  4. Type z

  5. System should not accept z character (both values in list that start with res do not have a z as the next character)

  6. Type t

  7. System should select Restaurant

  8. Type y

  9. Tap Tab

Expected Result: Restaurant should be selected


<kendo-combobox class="kendo-combobox" [ngClass]="{'inactive-color' : custColor}"
         #comboboxComponent [openOnKendoFocus]="comboboxComponent"
          formControlName="CustType" [data]="custTypes" textField="Description" valueField="CustTypeID"
          [suggest]="true" [valuePrimitive]="true" [allowCustom]="false" (selectionChange)="onCusttypechange($event)">
          <ng-template kendoComboBoxItemTemplate let-dataItem>
            <span class="template_lbl" [ngClass]="{'inactive-color' : dataItem.QInactive}">
              {{ dataItem.Description }}</span>
          </ng-template>
        </kendo-combobox>

 

Attached Files:
1 comment
ADMIN
Yanmario
Posted on: 21 Oct 2022 08:21

Hi Davis,

The described behavior of the ComboBox is correct as I also consulted it with our developer team. What can be done in such a case is to handle the filterChange event of the component and manipulate the data result as required for the specific application use case scenario.

Regards,
Yanmario
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Create an account Log In
View
Type
Status
Category