If you bind a ComboBox widget to a datasource containing arbitrary objects that contain a "data" field, the dropdown items will be "undefined" instead of the value of the dataTextField. I'm guessing the data field is messing up the template variable.

var formData = [
   {
      key: '1',
      description: 'CT Safety',
      formTypeCd: 'S',
      data: {foo: '', bar: ''}
   },
   {
      key: '2',
      description: 'MR Safety',
      formTypeCd: 'S',
      data: {foo: '', bar: ''}
   },
   {
      key: '3',
      description: 'Medicare > 60 Billing',
      formTypeCd: 'I',
      data: {}
   }
];

$("#forms-combobox").kendoComboBox({
   dataTextField: "description",
   dataValueField: "key",
   dataSource: formData
});

Bug report

When making a selection, navigating to another page, and going back to the initial page, which is restored from the Back-Forward Cache in Firefox, the selection of the ComboBox is not displayed.

Reproduction of the problem

1. Go to the ComboBox demo
2. Make a selection in the ComboBoxes
3. Click on any other demo link in the navigation pane to the left (e.g. “Server Filtering”)
4. Press the "Back" browser button

Current behavior

The selections made are not displayed when the page is restored from the Back-Forward Cache

Expected/desired behavior

The selections made should be displayed when the page is restored from the Back-Forward Cache

Environment

• Kendo UI version: 2020.3.915
• Browser: [Firefox 81.0.2]

Bug report

Reproduction of the problem

Dojo example.

1. Press the "reset" button.

Current behavior

The ComboBox's value is cleared and the placeholder is displayed.

The Pickers had the same behavior before this issue was closed: #4767

Scenario: 2.

1. Open the dropdown and select a different item.
2. Click "reset". The initial item is properly displayed as selected. (expected)
3. Click "reset" again. The value is cleared (not expected)

Expected/desired behavior

The initial value remains.

Environment

• Kendo UI version: 2020.3.1021
• jQuery version: x.y
• Browser: [all]

Bug report

Pressing the Capslock button when the ComboBox is focused triggers the opening of its dropdown list. The dropdown list opens one time when the Capslock is pressed.

• The reported behavior was reproduced on Google Chrome and Firefox. On IE, the issue is not replicable.

Reproduction of the problem

1. Open this Dojo and run it
2. Select the first ComboBox with a mouse click or the "Tab" button
3. Press the Capslock button.

Current behavior

The dropdown list of the ComboBox opens when the Capslock is pressed

Expected/desired behavior

The dropdown list of the ComboBox should not open when the Campslock button is pressed

Environment

• Kendo UI version: 2020.3.1118
• jQuery version: x.y
• Browser: [Chrome 87.0.4280.88 | Firefox 78.5.0esr ]

Bug report

ComboBox with HighlightFirst set to false causes the widget to lose its value when navigating to it.

Reproduction of the problem

1. Open this dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/aDAYULeZ/4
2. Navigate to the ComboBox with tab so that it will open, and check the console to see the value and the text.
3. Navigate once again to the ComboBox.

Current behavior

On the second tab navigation to the component, its value is lost and is now equal to the text.

Expected/desired behavior

The value of the ComboBox should be preserved.

Environment

• Kendo UI version: 2020.3.1118
• Browser: [all]

Bug report

Regression introduced in R1 2020 SP1. Related to #5400

Reproduction of the problem

Dojo example.

1. Open the browser's dev tools Network tab.
2. Run the example.
3. Type in "s" in the ComboBox. A request is sent and the popup displays matching items (expected).
4. Press Backspace key to clear the ComboBox input.

Current behavior

2 requests are sent to the "read" end point.

Expected/desired behavior

1 request is sent to the "read" end point. Note that if the input is cleared with the "clear" button, it works as expected and only 1 request is sent.

Environment

• Kendo UI version: 2021.1.119
• jQuery version: x.y
• Browser: [all]

Bug report

When a ComboBox is disabled, if the user tries to select the value by double click, additional new line is added to the selection

Reproduction of the problem

1. Open the Api ComboBoxDemo
2. Select an item
3. Click on the 'Disable' button
4. Double click in the ComboBox to select the value
5. Paste it

Current behavior

In the Demos a new line is added before the value of the ComboBox. When the same Demo is opened in a Dojo, a part from the text above the ComboBox is also highlighted. (screencast)

Expected/desired behavior

Only the text in ComboBox should be selected even if the widget is disabled.

Workaround

The element holding the down arrow icon could be hidden when the ComboBox is disabled. - Dojo

Environment

• Kendo UI version: 2020.1.330
• Browser: [all ]

Hi,

we found a hard to reproduce bug in the combobox control. It appears infrequently while typing in the combobox input, if the combobox has grouping and the fixed header enabled. It does not seem to have functional implications to the control but it produces a javascript error.

Stacktrace:

_firstVisibleItem: function () {
    for (var t = this.element[0], n = this.content[0], i = n.scrollTop, r = e(t.children[0]).height(), o = Math.floor(i / r) || 0, a = t.children[o] || t.lastChild, s = a.offsetTop < i; a; ) if (s) {
      if (a.offsetTop + r > i || !a.nextSibling) break;
      a = a.nextSibling
    } else {
      if (a.offsetTop <= i || !a.previousSibling) break;
      a = a.previousSibling
    }
    return this._view[e(a).data('offset-index')]
  }

It seems to be a timing problem where the list is already loading again while the scroll from the item selection is not finished.

Working dojo example to reproduce: https://dojo.telerik.com/aMEKuzex/2

If you set the contents of the combobox using the text() method, pressing the "X" inside the ComboBox will not fire a change event.

If you set the contents of the box using the value() method, or through the UI itself, clearing it afterwards does fire the change event, which is the expected behaviour. 

I'm using the default theme:  "@progress/kendo-theme-default": "4.18.2" with some custom overrides.

The generated CSS has the following incorrect rule (because of the unitless zero, see https://www.w3.org/TR/css3-values/#calc-type-checking ):

.k-combobox .k-dropdown-wrap .k-clear-value {
	calc( calc( 1.2em + 8px) + 0 + 6px)
}

This rules comes from the following scss:

$picker-icon-offset: calc( #{$picker-select-calc-size} + #{$picker-select-border-width}  + #{$input-icon-offset}) !default; 

The unitless zero comes from this value:

$picker-select-border-width: 0 !default;

As a result, the "X" in a combobox overlaps the value.

Bug report

When using jQuery v3.5.1 and using the arrows to navigate through items in virtualized ComboBox a previous item is selected when valueMapper function is called. The behavior is not observed when using jQuery v1.12.3

Reproduction of the problem

1. Run this dojo
2. Click on the arrow to open the list of items
3. Navigate through the items using the down arrow key

Current behavior

When the valueMapper function is called the selection moves to the previous item in the list

Expected/desired behavior

Selection should not change when the valueMapper function is called.
Working example with jQuery v1.12.3

Environment

• Kendo UI version: 2020.2.617
• jQuery version: 3.5.1
• Browser: [all]