Need More Info
Last Updated: 13 Feb 2024 08:47 by ADMIN
Created by: eDAD
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
1

Bug Title: Columns are not programmatically associated with their table headers.

Severity: Sev2 (High)

Test Environment:
OS Version: 22H2 (OS Build 25352.1)
URL: https://ppe.oneidentity.core.azure-test.net/
Edge Dev: Version 114.0.1807.6 (Official build) dev (64-bit)
Screen Reader: Narrator

Repro steps:
1.Open kendoSample (codepen.io)
2.Navigate through tables.


Actual Result:
Table header and their data are in different tables. Columns are not associated programmatically with their headers.

Expected Result:
Columns should be associated programmatically with their headers.

Unplanned
Last Updated: 09 Feb 2024 09:58 by Christian

In a very special case it is impossible to select a value from the ComboBox. It only occurs on iPads.

if ComboBox filter is set, virtualization is on and the datasource is set programmatically after initialization. A data item cannot be selected from the list if it is filtered before hand and the item is located at the second page inside the popup.

Steps to reproduce:

  1. Open https://dojo.telerik.com/UbuRecut/4 on an iPad
  2. Wait till data source is set
  3. Input filter value (Popup should open and be scrollable)
  4. scroll to the end of the popup
  5. click element at the end of the list
  6. No item is selected

Used Dojo Snippet:

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

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/7.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/2024.1.130/js/kendo.all.min.js"></script>
</head>
<body>
  
<input id="orders" style="width: 400px" />
<script>
  
    $(document).ready(function() {
        const ctrl = $("#orders").kendoComboBox({
            template: '<span class="order-id">#= OrderID #</span> #= ShipName #, #= ShipCountry #',
            dataTextField: "ShipName",
            dataValueField: "OrderID",
          filter: 'startswith',
            virtual: {
                itemHeight: 26,
                valueMapper: function(options) {
                    $.ajax({
                        url: "https://demos.telerik.com/kendo-ui/service/Orders/ValueMapper",
                        type: "GET",
                        dataType: "jsonp",
                        data: convertValues(options.value),
                        success: function (data) {
                            //the **data** is either index or array of indices.
                            //Example:
                            // 10258 -> 10 (index in the Orders collection)
                            // [10258, 10261] -> [10, 14] (indices in the Orders collection)

                            options.success(data);
                        }
                    })
                }
            },
            height: 520,
        }).data('kendoComboBox');
      
  $.ajax({
          url: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders",
          type: "GET",
          dataType: "json",
          success: function (data) {
            ctrl.setDataSource(data.d)
          }
        })
    });
  
  

    function convertValues(value) {
        var data = {};

        value = $.isArray(value) ? value : [value];

        for (var idx = 0; idx < value.length; idx++) {
            data["values[" + idx + "]"] = value[idx];
        }

        return data;
    }
</script>
</body>
</html>
Declined
Last Updated: 07 Feb 2024 13:27 by ADMIN
I hope this email finds you well. I am writing this email regarding an CSP issue we are facing with our current implementation of Kendo UI jQuery v2018.3.911.

As part of our ongoing efforts to enhance the security of our website, we are looking to implement a strict Content Security Policy (CSP) and remove the “unsafe-” attributes. However, during our testing phase, we encountered a significant challenge: the current version of Kendo UI jQuery does not seem to operate under a CSP environment without the “unsafe-” settings.

We are seeking your expert advice on whether there is a feasible solution or workaround that would allow us to use strict CSP with our current version of Kendo UI jQuery. Or, should we consider an upgrade to a newer version of Kendo UI jQuery that is compatible with strict CSP. In this regard, we would like to understand:

  1. Are there any specific versions of Kendo UI jQuery that you would recommend for compatibility with strict CSP?
  2. What potential risks or extensive modifications might be involved in upgrading from our current version to a CSP-compatible version?
Unplanned
Last Updated: 31 Jan 2024 14:06 by ADMIN
Created by: Ari
Comments: 0
Category: Kendo UI for jQuery
Type: Bug Report
0

Bug report

The kendo.culture.nb-NO.min.js file contains some unwanted characters: "Â".

Reproduction of the problem

See Ticket ID: 1486493 for more details.

The unminified file looks correctly: https://github.com/telerik/kendo-ui-core/blob/master/src/cultures/kendo.culture.nb-NO.js

Current behavior

Expected/desired behavior

Environment

  • Kendo UI version: 2020.3.915
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 25 Jan 2024 08:45 by Muhammad
Created by: Muhammad
Comments: 0
Category: Kendo UI for jQuery
Type: Bug Report
7

Bug report

Image browser invalidFileType error contains &quot; since 2023.2.718

Reproduction of the problem

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

Expected/desired behavior

No &quot; 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]

Under Review
Last Updated: 19 Dec 2023 16:35 by ADMIN
After updating drawing a standard area chart with 10 data points takes 10-20x the amount of time, and renders the browser frozen for long periods.
Completed
Last Updated: 18 Dec 2023 12:43 by ADMIN
Release R1.2024-Increment.2(31.Jan.2024)

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.

Declined
Last Updated: 15 Dec 2023 14:09 by ADMIN

Repro steps:

  • Open URL: Kendo UI Snippet | Kendo UI Dojo (telerik.com)
  • Navigate to the Choose Library combo box and select 'Kendo UI 2022 R2' option.
  • Navigate to the Run button and activate it.
  • Open Narrator using 'Ctrl + Win + Enter' key.
  • Press 'T' key to navigate table in quick navigation mode.
  • Navigate the table header controls using up arrow.
  • Observe that narrator announce role as link on Filter controls.

 

Actual Results:

Incorrect role is defined as "link" for the "filter" button, Screen reader announce like "Metric type filter column setting link".

Expected Results:

Correct role should be defined as "button" for the "filter" button. Screen reader should announce like "Metric type filter column setting button".

Completed
Last Updated: 08 Dec 2023 12:16 by ADMIN
Release R1.2024-Increment.2(31.Jan.2024)
Created by: Daewoong
Comments: 2
Category: Kendo UI for jQuery
Type: Bug Report
3

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

Declined
Last Updated: 24 Nov 2023 12:20 by ADMIN
Created by: AGB
Comments: 6
Category: Kendo UI for jQuery
Type: Bug Report
2

Hi Guys,

I have just upgraded to v2023.3.1114 only to find out the AngularJS directives have been completely removed from this release, causing a lot of wasted time & effort triaging the errors and then rolling things back to a previous working revision.

Back in a February 2018 blog post, you stated you were dropping support for AngularJS in all new components which was understandable but what I didn't expect was it's complete removal, especially in a SP, without any further communication.

The v2023.3.1114 release notes do not even list this as a breaking change, so are you expecting your customers to be clairvoyant now or is this just another example of how poor Telerik's customer service has become in the past few years?

Regards
Alan

Duplicated
Last Updated: 02 Nov 2023 09:53 by ADMIN

Hi,

I'm finding that the grid pager is improperly rendered when it's initialized while hidden. Regression was introduced in version 2023.2.829 (didn't check internal revisions).

I use this, for example, when using tab panels and switching tabs containing grids.

 

I've made a dojo that illustrates the issue, clicking the button "show grid" shows the previously hidden grid

https://dojo.telerik.com/AZADekem

 

Best,

Gil

Need More Info
Last Updated: 24 Oct 2023 08:43 by ADMIN
Created by: Ha Minh Nguyet
Comments: 5
Category: Kendo UI for jQuery
Type: Bug Report
0

Event "Select" is triggered on dropdown list when user do a middle click on the part outside of the list, event the popup of list isn't opened.  

Declined
Last Updated: 23 Oct 2023 10:51 by ADMIN
Created by: Andrew
Comments: 3
Category: Kendo UI for jQuery
Type: Bug Report
1

I have a tab control, and a number of the related views contain grids.

If a grid is created in a tab view that is not visible, then the grid pager renders as if it was on a tiny mobile screen. The only way you can make it render the pager correcly is to manually resize the browser window after the grid has become visible.

I have a simple demonstration here: https://dojo.telerik.com/eCuQAqEm

The behavior is the same in both Chrome and Firefox.


<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/tabstrip/index">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link href="https://kendo.cdn.telerik.com/themes/6.7.0/default/default-main.css" rel="stylesheet" />
    <script src="https://kendo.cdn.telerik.com/2023.2.829/js/jquery.min.js"></script>
    
    
    <script src="https://kendo.cdn.telerik.com/2023.2.829/js/kendo.all.min.js"></script>
</head>
<body>
        <div id="example">
                <div class="demo-section">
                        <div id="tabstrip">
                            <ul>
                                <li class="k-active">
                                    Visible Grid
                                </li>
                                <li>
                                   Hidden Grid
                                </li>
                            </ul>
                           
                            <div>
                              <div id="visibleGrid"></div>
                            </div>
                            <div>
                              <div id="hiddenGrid"></div>
                            </div>
                        </div>
                </div>
            <script>
              	const data = [];
              	for (let i = 0; i < 100; ++i) {
                  data.push({
                    columnOne : `Item ${i} Column One`,
                    columnTwo : `Item ${i} Column Two`
                  });
                }
              	const gridOptions = {
                	dataSource: data,
                  pageable: {
                    refresh: true,
                    pageSize: 10,
                    pageSizes: [10, 20, 30]
                  },
                };
                $(document).ready(function() {
                    $("#tabstrip").kendoTabStrip();
                    $("#visibleGrid").kendoGrid(gridOptions);
                  	$("#hiddenGrid").kendoGrid(gridOptions);
                });
              
            </script>
        </div>
</body>
</html>

Completed
Last Updated: 19 Oct 2023 12:58 by ADMIN
Release R1.2024-Increment.1(15.Nov.2023)
Created by: Jerry
Comments: 0
Category: Kendo UI for jQuery
Type: Bug Report
0

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]
Completed
Last Updated: 27 Sep 2023 10:44 by ADMIN
Created by: David
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
3

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> 

  
Duplicated
Last Updated: 26 Sep 2023 06:46 by ADMIN
Created by: Martin
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
1

If a column is hidden in a grid, editing and then closing the popup shows the column for that row.

 

Need More Info
Last Updated: 19 Sep 2023 10:09 by ADMIN
Created by: n/a
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
0

When using Kendo's Upload component when you select a file/files to upload there is a 20% chance that it will upload the same file twice. We switched auto upload off to help, but when you delete one of the dupped files the upload button disappears causing you to delete both of them and then re-upload the file.

Upload Code -

 var w = $("#winFiles").data("kendoWindow");
                w.setOptions({
                    width: $(window).width() - 150,
                    height: $(window).height() - 150
                });
w.center().open();
                $("body").on("click", "#lnkShowUpload", function () { showWinUpload(associationId, typeId) });

 

function showWinUpload(associationId, typeId) {
var w = $("#winUpload").data("kendoWindow");
    $("#fileUpload").kendoUpload({
async: {
                        saveUrl: `/api/File/?typeId=${typeId}&associationId=${associationId}`,
                        autoUpload: false
                    },
                    validation: {
                        allowedExtensions: ["pdf", "jpg", "img", "png", "gif", "doc", "docx", "xls", "xlsx", "csv", "txt"]
                    }
});
                w.setOptions({
                    height: $(window).height() - 175
                });
w.center().open();
}


Need More Info
Last Updated: 15 Sep 2023 08:16 by ADMIN

Hello Team , 

we are using  .net mvc + angular js 

i am unable to upload the image from the my desktop, please find the code below 


  scope.createKendoEditor = function(element, value) {
                        //debugger;
                        var k = $(element).kendoEditor({
                            "execute": onExecute,
"imageBrowser": {
                                messages: {

                                    dropFilesHere: "Drop files here",

                                   uploadFile: "Upload a file"
                                },
                            transport: {
                                read: "imagebrowser/read",
                                destroy: "imagebrowser/destroy",
                                create: "imagebrowser/createDirectory",
                                uploadUrl: "imagebrowser/upload",
                                thumbnailUrl: "imagebrowser/thumbnail",
                                imageUrl: "@FPK12.LMS.Framework.Utility.FullyQualifiedApplicationPath" + "/Temp/" + "@Utility.UserSessionID" + "/images/{0}?v="+@DateTime.UtcNow.ToString("MMddyyyyHHmmss")
                            }
                        },
"fileBrowser": {
messages: {
dropFilesHere: "Drop files here",
uploadFile: "Upload a file"
},
transport: {
read: "imagebrowser/read",
destroy: "imagebrowser/destroy",
create: "imagebrowser/createDirectory",
uploadUrl: "imagebrowser/upload",
thumbnailUrl: "imagebrowser/thumbnail",
imageUrl: "@FPK12.LMS.Framework.Utility.FullyQualifiedApplicationPath" + "/Temp/" + "@Utility.UserSessionID" + "/images/{0}?v=" +@DateTime.UtcNow.ToString("MMddyyyyHHmmss")
                            }
},
                            "value": value != null ? WirisPlugin.Parser.initParse(value) : value,
                            "tools": [
                                { "name": "bold" },
                                { "name": "italic" },
                                { "name": "underline" },
                                { "name": "strikethrough" },
                                { "name": "justifyLeft" },
                                { "name": "justifyCenter" },
                                { "name": "justifyRight" },
                                { "name": "justifyFull" },
                                { "name": "insertUnorderedList" },
                                { "name": "insertOrderedList" },
                                { "name": "outdent" },
                                { "name": "indent" },
                                { "name": "createLink" },
                                { "name": "unlink" },
                                { "name": "insertImage" },
                                { "name": "insertFile" },
                                { "name": "subscript" },
                                { "name": "superscript" },
                                { "name": "createTable" },
                                { "name": "addColumnLeft" },
                                { "name": "addColumnRight" },
                                { "name": "addRowAbove" },
                                { "name": "addRowBelow" },
                                { "name": "deleteRow" },
                                { "name": "deleteColumn" },
                                { "name": "viewHtml" },
                                { "name": "foreColor" },
                                { "name": "backColor" },
                                //{ "name": "formatting" },
                                { "name": "fontName" },
                                { "name": "fontSize" },
                                {
                                    name: "wiris",
                                    template: "<div id='" + element.replace("#", "") + "_toolbar'></div>"
                                },
                                {
                                    name: "Media",
                                    template: "<div id='" + element.replace("#", "") + "_media' style='cursor:pointer'>  <img id='imgMedia' style='padding: 12.2px' title='Media' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGqSURBVDhPzdTNK0RRHMbx6yUvUYgsLYmdpFDessUG5Q+QouzssGBvhxUWNuwIC0qJIgvlZcVKKXkpFkjewvc5c++499zLzMLCU585c6Y79/5+Z84Z57+kEnvuGEiaOyaTDBSgGisoxTFeUYsTOKl6STIzuMI65nAPpQLTKDYzX/pwjrsI+XiHKsmDCtHn/cjFC+rhpOiFVGEH47jQB1ZU3QM6odbOcI1hzEOVN2MXJrrwBt4DojIFVfmGWahlVdiDS6iLeLqgG3pRxa3QD+FFD8tBHdTFJ7RMZVB1gdg3nMAHtqEbeJXruiWUY9EdI2PfcBKqQLQteqHY14WSaNtozbawaWaxdTuNvY2OvxVV5e2lUXRgEBvQWrYgC3a0ZfRA7YJ47FZUub96rdsjdI1NN1pDIO3QRi00s3BuoWPWBK8rjQ04gPZkIDqjOiVaI/8JkUZ31GZWe6vQqdCv/AxtdFVq4j1NKUIbss3sO8tQdSM4whhqcIgh6Hv+9U8qankg9tZJR4k7Kt0ItZwoC9CR+4naN/G3/Fu0XfQ/mGlmwWjj7+PJzP42jvMFvddvjvC2MvQAAAAASUVORK5CYII='> </div>"
                                }

                            ]
                        }).data("kendoEditor");

                        setTimeout(function () {
                            if (value == undefined) {
                                $(k).focus();
                            }

                        }, 100);
                        return k;
}   we are getting the web address URL we are expecting upload images/files from the My PC   
Declined
Last Updated: 14 Aug 2023 07:39 by ADMIN

Hi Team, we're using kendo heavily on our platform. But still there're many gaps in kendo accessibility. I'm working as a Accessibility advocate and i believe every individual can access the widgets irrespective of their barriers. One of the issue is:

Keyboard Support is missing in the input fields buttons like:

1. Clear Button

2. Dropdown "arrow" Button

3. Date and Time Button

 

Current Behavior:

Focus is going to input field and you can write inside the combobox or textbox or multiselect but you can't interact with other icon buttons like dropdown , date & time, clear "x" button using tab key.

 

Expected Behavior: As per accessibility , every interactive elements needs to be keyboard focusable using tab key irrespective of shortcut.

 

 

I've created a feature request long ago and suggested solution for this: please check in the feature, it's declined by the team:

Date time picker Keyboard Support is missing for date and time button because of (tabindex=-1)


Completed
Last Updated: 26 Jul 2023 10:55 by ADMIN
Release R3.2023-Increment.2(30.Aug.2023)

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.