Hi,

We have recently upgraded our Kendo MVC version to 2024.2.514.462. The normal upgrade works fine but I was trying to implement the `CSP template` after removing the `unsafe-eval` from the tag as it was announced in 2023 version.

I was following the example given in CSP template and tried changing the template defined in treeview (also as shown in the documentation):-

  sideNavList.kendoTreeView({
      /*template: "<span id='#= item.id #' class='navText'> #= item.text# </span>",*/
      template: ({ items }) => `<span id='kendo.htmlEncode(items.id)' class='navText'> kendo.htmlEncode(items.text) </span>`,
      dataSource: hierarchicalLeftNavData,

It is not throwing error but it's not able to recognize the `item` and rendering the template as:-

<span id="kendo.htmlEncode(items.id)" class="navText"> kendo.htmlEncode(items.text) </span>

Am I missing anything?

I have custom messages for my filter, these values replace the and/or values instead of just the visual after switching the and/or once.

Reproducer: https://dojo.telerik.com/AdOGEQey

When initially running you will see "en/of" (and/or), if you than press any of them the text below will insert the message value of the button rather than the underlaying value of "and/or".

Bug report

When typing in the search input a value that does not match any item of the Filemanager's content view, while a subfolder is selected, the expand arrow disappears.

Reproduction of the problem

1. Open this Dojo: https://dojo.telerik.com/AmOGOdut
2. Select documents and create a subfolder
3. Select the newly created folder and create another subfolder
4. Type "a" or other value that does not match
5. See the arrow disappearing

Current behavior

The expand arrow disappears.

Expected/desired behavior

The arrow should not disappear and the search to work correctly.

Environment

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

When a column is set to sticky in a grid and the user clicks edit and then cancel, that column become unsticky for that row only. This happened when I upgraded from 2022 to 2024 so the bug was created somewhere in there. To reproduce, see this dojo: 
https://dojo.telerik.com/@dojolee/evOPeBey

1. Shrink the right side of the screen until it is pretty small (about 700px)
2. Click Run and make sure there is a horizontal scroll. If not, shrink the right and click run again.
3. Scroll and notice that the first column sticks
4. Click edit on the first row
5. Click cancel
6. Scroll and notice that the first row no longer has a sticky column.

Bug report
ComboBox is not raising blur Events when clear button in another ComboBox is hit

Regression since 2021.1.119

Reproduction of the problem
Dojo: https://dojo.telerik.com/uGUbiJiN

1) Select an item in ComboBox1

2) Select an item in ComboBox2

3) Hit the `x` button in ComboBox1

Expected/desired behavior
Blur event shall be triggered for ComboBox2

Environment
Kendo UI version: 2021.1.119 or newer
jQuery version: x.y
Browser: [all]

Greetings!

I'm not sure if this is related to another bug report I submitted (https://feedback.telerik.com/kendo-jquery-ui/1656256-daterangepicker-clicking-end-input-now-changes-range-end-instead-of-forcing-users-to-select-full-range), but I noticed that after selecting the End date, the input retains focus. Clicking out of that input will trigger an extra change event. To illustrate, consider this sequence of events:

1. Select a Start date → first change event.
2. Select an End date → second change event.
3. Blur the End input → third (extra) change event.

This applies to version 2024.2.514 (see Dojo example for your consideration: https://dojo.telerik.com/EbuVoHIJ).

There would appear to be a similar bug that applies to some previous versions of Kendo UI for jQuery (I only tested as far back as version 2024.1.130):

1. Select a Start date → first change event.
2. Select an End date → second change event.
3. Click the End date to open the DateRangePicker again.
4. Without changing the value, click out of the DateRangePicker → third (extra) change event.

Note that repeating steps 3 and 4 again will not trigger any more extra change events until one of the values is actually changed.

Bug report
Grid - Frozen Columns - 'lockable' property being ignored with Drag to Lock/Unlock

Regression introduced with 2023.3.1114

Reproduction of the problem
Open this Dojo example - https://dojo.telerik.com/ovaHinas/4

Drag a column from the locked section to the unlocked one

Expected/desired behavior
No drop shall be available.

Environment
Kendo UI version: 2023.3.1114 or newer
Browser: [all]

Bug report

Setting an empty string value when using an MVVM ColorPicker throws an error

Reproduction of the problem

1. Open the following dojo.
2. Notice that the ColorPicker produces an error when the value from the Observable object is set to an empty string.

Current behavior

Setting an empty string through the Observable object throws an error within the console.

Expected/desired behavior

Setting an empty string through the Observable object should not throw an error within the console.

Environment

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

Bug Title: Filter controls are not accessible via keyboard under 'Security Groups and Service Accounts' screen.

Severity: Sev1 (Critical)

Test Environment: OS: Windows 11 22H2
OS Build: 23620.1000

Repro steps:
1.Open https://codepen.io/oneID/pen/LYaGREP
2.Activate populate grid.
3.Try navigating to Column filter controls using keyboard.
4.Observe whether filter controls are accessible via keyboard under 'Security Groups and Service Accounts' screen or not.

Actual Result:
Keyboard focus does not remain on same control after pressing 'ESC' key to close the opened ‘Filter’ popup present under 'Security Group' screen.

Expected Result:
Keyboard focus should remain on same control after pressing 'ESC' key to close the opened ‘Filter’ popup present under 'Security Group' screen.

Bug report
ExpansionPanel control is not collapsing/expanding when set up collapseIconClass

Regression since R1 SP1 2023

Reproduction of the problem
Dojo: https://dojo.telerik.com/AqOrUKib

Expected/desired behavior
The user shall be able to set expand and  collapse icons

Environment
Kendo UI version: 2023.1.314 or newer

Bug report

Image browser invalidFileType error contains " since 2023.2.718

Reproduction of the problem

https://demos.telerik.com/kendo-ui/editor/imagebrowser

Expected/desired behavior

No " shall be present in the error message when an unsupported format is selected

Environment
**Kendo UI version: 2023.2.718 or newer
**jQuery version: 3.7.0
**Browser: [all]

Currently, when a Kendo component is initialized in the TreeList template it should be initialized in databound, expand, collapse events.

• As the nodes are refreshed when they are expanded the components will not appear as expected in case they are not reitinitized in the collapse/expand event handlers.
• In addition, a setTimeout is needed to ensure that the needed elements are rendered when a node is expanded or collapsed. Adding the timeout leads to a flickering that is not a good user experience solution.
  The dojo linked here demonstrates such an example - https://dojo.telerik.com/@NeliKondova/eFaFEveD

I would like the behavior to be enhanced in order to allow initializing the Kendo component in the TreeList template without the need to use the setTimeout function and if possible without reinitializing the components in the expand/collapse event handlers.

Bug report

The localization with zh-TW culture throws a JavaScript error.

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/oKUPuLEH
2. Inspect the page and see the error in the browser console.

Current behavior

The following error appears in the browser console:
Uncaught TypeError: Cannot read properties of undefined (reading 'options')

Expected/desired behavior

The localization should not produce any errors.

Environment

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

Hi Team,

I would like to request jQuery 3.7.0 to be supported with Kendo UI for jQuery.  

Thank you! 

I'd like to request adding a clear button similar to the Kendo UI ComboBox for the Kendo UI TextBox.

Thank you!

Bug report

When a validation error message appears for the Kendo UI RadioGroup and CheckBoxGroup, the message appears after the first selectable button.

Reproduction of the problem

1. Visit the following Kendo UI Form Live Demo.
2. Clear the selection, then submit.

Current behavior

Expected/desired behavior

The validation message should be placed after the last input of the RadioGroup/CheckBoxGroup.

Environment

• Kendo UI version: 2023.1.314
• jQuery version: All Supported versions
• Browser: all

When an object is passed to an iframe method and kendo.observable is called on it, an error is thrown.  This error is new in the latest kendo releases and appears to be from a change to how kendo decides if something is an object.  Kendo now uses   { Object.getPrototypeOf(value) === Object.getPrototypeOf({})) } which it did not do in prior releases.  This test fails when the object tested is passed in from another frame.

You can repo this issue on the test site we setup:   Kendo UI Snippet (sixdisciplines.com)

Click the 'Call IFrame' button and notice the following error thrown:

    Uncaught TypeError: e.bind is not a function
    at init.wrap (kendo.all.js:318535:21)
    at kendo.all.js:318535:21
    at Array.forEach (<anonymous>)
    at new init (kendo.all.js:318535:21)
    at n.observable (kendo.all.js:318535:21)
    at iframeMethod (iframetest.html?5:14:25)
    at callIFrame (test.html:17:55)
    at HTMLButtonElement.onclick (test.html:21:34)

Following is the source used for this repo. I have also attached the html files.

Test.html:

<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-ocean-blue.css"/>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>

<script>

  function callIFrame(){
debugger;

        var obj = new Object({ p1: 1, p2: 2, child: new Object({ c1: 1, c2: 2 }) });
document.getElementById('targetFrame').contentWindow.iframeMethod(obj);
  }

</script>
  <button onclick="callIFrame()">Call IFrame</button>

 <iframe id='targetFrame' src='iframetest.html?5'></iframe>
</body>   
</html>

iframetest.html

<html>
<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-ocean-blue.css"/>

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>

<script>  
 function iframeMethod(obj){
debugger;
var observable = kendo.observable(obj);
alert('called')
 }
</script> 
IFrame with kendo 
</body>   
</html> 

Hi,

If Kendo grid column has enumerated values, menu filter extra condition values is not populated.

Please, see example code in dojo at https://dojo.telerik.com/oXIwobEh

Thank you.