Hi Guys
While testing the latest v2023.2.606 release I have found an issue with the MultiColumnComboBox whereby the dropdown list items are not being rendered correctly following a selection.
To demonstrate run the following dojo
https://dojo.telerik.com/EtepUlav
Then
- Type che into the input box
- Select 'Chef Anton's Gumbo Mix' from the list
- Now hit the dropdown button
You should now see the list has
- Misaligned column headers
- The list only shows the first 4 items
- The selected item is not in view or highlighted
- The list is not scrollable
NOTE: The above happens consistently under Chrome but randomly under Firefox.
Have traced things back and this would appear to be a regression introduced in the v2023.1.314 release.
Regards
Alan
When the text in MultiColumnComboBox with virtualization is longer than tha actual width of the cell, the column get wider and is misaligned.
The column width is not correct.
The column width should be aligned with the rest of the rows. In versions before 2022 R1 an elipsis appear for the cells with longer text.
When using the MultiColumnComboBox on a mobile device and selecting an item the value of the widget is not changed.
This is a regression introduced with R1 of 2022 (v2022.1.119)
The value of the component is not updated. Select event is fired, but no dataItem is passes as event data. Change event is not fired at all.
Upon selection the value of the widget should be updated
The Virtualized MultiColumnComboBox is having an appearance issue with its row borders with LESS themes.
The border's alignment appears off:
The MultiColumnComboBox should appear like it does with the SASS themes.
### Bug report
The MultiColumnComboBox is initialized without a specified value. When the user focuses on the widget and leaves it without selecting or entering an option, the "cascade" event is fired.
### Reproduction of the problem
1) Create a MultiColumnComboBox and initialize it without a value;
2) Subscribe to the "cascade" event after the initialization of the widget;
3) Focus the input;
4) Leave it;
5) The "cascade" event is triggered on "blur".
A Dojo sample for reproduction: https://dojo.telerik.com/EViKaXaZ
### Expected/desired behavior
The "cascade" event should fire when changing the widget's value via API or user interaction.
### Environment
* **Kendo UI version: 2021.3.914
* **jQuery version: 1.12.4
* **Browser: [all]
ComboBox and MultiColumnComboBox
Dojo example. Open the browser console and follow the steps below:
After 7. e.item and e.dataItem contain data about an old selection - the item selected in 1.
e.item and e.dataItem should not contain data, because a custom value is set in the ComboBox and no item in the dataSource is selected.