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.

Hi Telerik Team,

We are using latest version (2022.1.412) of the Kendo jQuery tool set. The latest version of Kendo jQuery is using one of the older version of jszip 2.6.1, which is being tagged a vulnerable by our scanning tool. Can you please upgrade the version of jszip in your latest Kendo jQuery (KendoUIProfessional and Telerik.UI.for.AspNet.Mvc5)  

Hello Kendo UI Team, 

I found one bug regarding the multidrop down selection while we want to add new on search text we enter some text and than after click on clear button and click on the add new button text is saved.

I attached one video for the same so you can easily find the issue.

Thanks & Regards.

Describe the bug
Once the Tooltip is shown for a target with short title, if opened for a target with longer title, its width is not updated properly. The shortest width is persisted. Reproducible in all SASS themes, not reproducible in the LESS themes.

To reproduce
Steps to reproduce the behavior:

1. Go to dojo.
2. Hover "Korean"
3. Hover "Korean short"
4. Hover "Korean" again

Expected behavior
The Tooltip should resize properly to fit the title of the element it is shown for.

Screenshots

Affected package (please provide)

• theme-default
• theme-bootstrap
• theme-material

Affected suites (please provide)

• Kendo UI for jQuery
• Kendo UI for Vue

Affected browsers (please provide)

• Firefox: [latest]
• Chrome: [latest]
• Edge version: [latest]
• IE version: [11]

Build system information (please provide)

• OS: [Windows]

Additional context
N/A

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]

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> 

CSP is a great security feature. It should be fully supported by Kendo! The best would be some way to precompile Kendo Templates. Second option could be that you can use Kendo + CSP when not using own Kendo Templates at all. 

My marketing department has requested a specific look for a chart. The Moc up image is http://i.imgur.com/Z2hKaei.jpg in order to achive what they are asking I need the Labels to work in the Bullet Charts. 

It would also be great if you could add a label to the Target as pictured in the image. 

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.

By enabling the drilldown feature on charts, clicking the charts should take the user to the next level. 

Bug report

In mobile apps when a Button is clicked it is not getting focused. This leads to the focus not being removed from the previously focused element.

Reproduction of the problem

1. Open the Dojo
2. Type something in the input and click the Button.

Current behavior

The returned value of the TextBox is null as the Button is not focused and the TextBox is not focused out.

Expected/desired behavior

The Button should be focused when it is clicked, thus the TextBox to be focused out.

Environment

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

Bug report

Error when trying to run npm run dev
X [ERROR] Unterminated string literal

node_modules/@progress/kendo-ui/umd/kendo.all.min.js.map:1:5961245:

Reproduction of the problem

download project from ticket : 1597960 01 Mar 2023
npm ci
npm run dev

Current behavior

an error is observer

Expected/desired behavior

the site runs without errors

Workaround

use the following import
import '@progress/kendo-ui/esm/kendo.all.js'

Environment

• Kendo UI version: 202x.r.ddd
• jQuery version: x.y
• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

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

Hi Team,

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

Thank you! 

TreeMap MVC Demo doesn't show how the colors ranges are achieved.
http://demos.telerik.com/aspnet-mvc/treemap/index

It would be help to show how the color rangers are specified. 
http://www.telerik.com/forums/mvc-treemap-sample-could-be-improved-with-the-addition-of-colors-range

Describe the bug
The TextArea has 14 px font-size and the other inputs have 100% font-size.

Reported in: 1486377

To reproduce
https://dojo.telerik.com/iLeZIpEz

1. Use the LESS-based theme.
2. Implement a TextArea component.
3. Implement a TextBox component.

Expected behavior
The font-sizes for the TextArea and the TextBox have to be equal.

Environment

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

Create a setting that will enable/disable the drag to select when Multiple Selection is enabled.

Current behavior

The Selectable widget which has drag selection functionality is always turned on, but in some cases it conflicts with other logic like drag and drop.

Expected/desired behavior

Create a setting to enable/disable drag-selection.

Environment

• Kendo UI version: all

Bug report

When a Kendo widget is initialized in a navigatable Drawer and the user clicks in the intiialized component an error Uncaught TypeError: Cannot read properties of undefined (reading 'attr') is thrown

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/@NeliKondova/ePOgoMek
2. Click in the MultiSelect and observe the console

Current behavior

An error: Uncaught TypeError: Cannot read properties of undefined (reading 'attr') is thrown

Expected/desired behavior

No error should be trhown even if the 'drawer-item' attribute is missing

The issue is a regression introduced with 2021 R1 - 2021.1.119 version

Environment

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

I would like a control to accept durations in the format HH:MM, and persist as a number minutes (or maybe optionally fractional hours).  Something similar was suggested here (not by me):

http://www.telerik.com/forums/mobile-time-duration-picker

I have a time keeping application where user need to be able to enter summarize duration amounts on their timesheets, such as 8 hours of Holiday time (entered as "8:00").  It doesn't make sense to enter this as a time range.

We're accomplishing it now with a textbox, a masking library, and a bunch of fragile JS code, but I'd like a control that is natively build for this.