Hi,

We are using the kendo-combbox to display the list of item that is retrieved from the backend server.

Please see an example in https://stackblitz.com/edit/angular-wb3zbjqs?file=src%2Fapp%2Fapp.component.ts

When we enter Pah it defaults to PAH (all uppercase). Is there anyway to achieve this? 

Here is the data passed to the combobox.

Regards,

Jyothi

Hi,

we are using Kendo UI for Angular. We failed our external accessibility review because the Kendo UI ComboBox is not usable using Apple VoiceOver with iOS 15, although this page says ComboBox is accissble by screen readers.

Repro:

1. Swipe until VoiceOver selects the dropdown button
2. Double tap to open the the options popup of the ComboBox (so far so good)
3. Swipe right to navigate trough the options => Failure: VoiceOver navigates to the next input field of the form

Expectation: We would expect VoiceOver to navigate trough the options by swiping left or right when the ComboBox popup is opened. Double tap should then set the currently selected option as value and close the popup.

We found this issue in the GitHub Repo, which describes the same issue aswell but unfortunately there is no further information in the ticket.

Hi,
I want to add a custom input text for filtering the items of a combobox in Angular
I tried to add but the text box seems not focusable. Even if I try to manually focus on it with extra code the user cannot select the text from the text box. 
Is it supported? Can I somehow implement it?

Thank you

Hey Team,

We are facing one issue while using the kendo UI Combo box in Reactive forms (@progress/kendo-angular-dropdowns v13.0.3). When we type some value which is not in the list and press enter then the combo box gets disabled and value also gets cleared. The value change method is also not called. We have allowCustom and valuePrimitive true as well.

If the value typed is available in dropdown then it remains as is on enter key press.

Please help us in resolving this.

Thanks

@Component({
selector: 'my-app',
template: `
 <kendo-combobox [data]="listItems">
   <ng-template kendoComboBoxNoDataTemplate>
     <h4>No data!</h4>
   </ng-template>
 </kendo-combobox>
`
})
class AppComponent {
  public listItems: Array<string> = [];
}

 



<ng-template kendoComboBoxNoDataTemplate>
                            <kendo-textarea  placeholder="Enter text here." [rows]="4"  resizable="both"
                                formControlName="name">
                            </kendo-textarea>
                        </ng-template>

but showing like this. is this kendo-textarea can we show properly in this template.

Hi. i have some questions about focus on clear button

If click on kendo-textbox and input value, clear button will appear on the left side of the field. if you press the tab button, the focus will shift to this clear button.

<kendo-textbox
  [style.width.px]="200"
  [clearButton]="true"
></kendo-textbox>

If select value in kendo-combobox, clear button will appear on the left side of the field, before button show\hide list. But if press tab button, focus will shift to next DOM element

<kendo-combobox
  [data]="listItems"
>

Please, tell me why there is such a different behavior when pressing tab. Why doesn't the focus shift to the clear button in kendo-combobox.

Thanks.

Hello,
I need to set the value of a kendo-combobox inside an angular form using code after receive the value from a webservice.

<form class="k-form" [formGroup]="usrForm">
  <kendo-combobox #formContractor formControlName="formCity" [data]="cities"
    textField="name" valueField="id" (valueChange)="ControlValueChange($event)" [clearButton]="true">
  </kendo-combobox>
</form>

I have tried to set the value using object (my desire) or primitive value but the value is alwais null.

this.usrForm.controls['formCity'].setValue(newCityObj);
this.usrForm.controls['formCity'].patchValue(newCityObj);
this.usrForm.patchValue({formCity: newCityObj});

buth the control alwais remain blank,

if I show the form value in the console:
console.log(this.usrForm.value);
the formCity value is set but the value in the kendo-combobox are not displayed (kombo text remain blank)

I have see a lot of documentation and sample on read the value...but nothing about the set value by code.

Thanks

Maurizio

Hi everyone,

We're experiencing a major performance issue with our Kendo MultiColumnComboBox when used alongside Wijmo FlexSheet like opening excel and switching between worksheets or copy pasting cell value. The dropdown becomes incredibly laggy and unresponsive, to the point of freezing the entire browser, making it practically unusable. It is only happening in this scenario. All other dropdown used like mat-select or any text input is working properly in this scenario.

Here's a breakdown of the problem:

Symptoms: Kendo MultiColumnComboBox dropdown experiences severe lag and freezing when:
1. Opening the dropdown.
2. Scrolling within the dropdown.


We've tried various solutions to improve performance, including:
Memory optimization: Tested with limited memory (2GB) to rule out memory leaks, but the issue persisted.
Virtualization: Implemented virtualization for the dropdown, but it didn't alleviate the lag.

We're at a loss and would greatly appreciate any insights or suggestions from the community. Has anyone encountered similar issues with Kendo MultiColumnComboBox and Wijmo FlexSheet integration?
What troubleshooting steps or alternative solutions would you recommend?
Thanks in advance for your help!
We're hoping to find a solution that resolves this critical performance issue and improves the user experience for our platform.