Hi Guys,

Just upgrade to the 2025.1.211 release and during testing I have spotted a fundamental issue which should have been picked up during QA.

Run the following dojo

    https://dojo.telerik.com/dBSXoLYq

Open up the filter menu on the date column and hit the icon and you will find the date pop-up is constrained within the filter menu and cannot be navigated.
See attached screenshot - DateFilter.png

Note: This also effects filtering Date Time columns as well

Is there a workaround for this or do we have to wait another couple of months for the next release because as things stand we cannot pushed this to production.

Regards
Alan.

treelist

- has filterable mode 'row',

- some columns are not filterable,

- columns reordering is allowed

drag-n-drop of columns raises error in console

demo: https://dojo.telerik.com/aFIkOPUp

try to move column "position" left or right

Dear support team,

when using the gradient color selection for font color and/or background color the textbox for the HEX value seems to be "disabled".
It can not be selected by using the mouse but it works using keyboard navigation, so the TAB key.

This can be reproduced easily with the samples in the API documentation (https://docs.telerik.com/kendo-ui/api/javascript/ui/editor/configuration/tools.palette) of the editor or the main demo by changing the "foreColor" or "backColor" tools to 

{
   name: "backColor",
   palette: null
}

or see the following dojo containing the default : https://dojo.telerik.com/IbaFaGIz

This is annoying in case you have an exact color that should be used as it is awkward to select it in the "color area".
The textbox should be fully useable by the users.

PS:
Same when switching from HEX to RGB input.

Based on the MVVM demo: https://demos.telerik.com/kendo-ui/treelist/mvvm

DoJo: https://dojo.telerik.com/aYocadiS

Description: MVVM TreeList with column template, inside the template is a MVVM button.

Steps to reproduce:

- open the DoJo

- Button is rendered correctly

- expand a row

- Buttons are now messed up and don't work anymore

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

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

• https://dojo.telerik.com/@martin.taylor@anordmardix.com/EwOCehic

Hello,

I am experiencing a bug on my kendo grid filtering when doing a filter on the column with foreign keys.

In the filtering popup, the 2nd dropdown to select value is always empty and there is no data associated with the dropdown.

You can also see this bug on yoru demo site:

https://demos.telerik.com/kendo-ui/grid/foreignkeycolumn

Here i am trying to filter by category and the first dropdown has data in it, however the 2nd one doesn't.

Please advise,

Thanks,

Vlad

TL;DR: The DropDownList widget cannot be closed by clicking the arrow-icon.

The long story:

After the DropDownList has been opened once, it closes and reopens every time the user clicks the arrow-icon. Closing the DropDownList still works when clicking anywhere on the dropDown except the arrow-icon (or rather the button around it) or anywhere else but the dropDown. This DOJO demonstrates the problem. Animations have been disabled to allow easier reproduction (with animations on, the problem appears only occasionally, probably because of timing issues).

If you look closely, you will notice that the dropDown closes when the mouse button is pressed and reopens when the mouse button is released (this is when the click event is fired). Therefore, the problem can be (temporarily) mitigated by suppressing the mousedown event on the dropDown's wrapper element.

Hi,

The buttons And/Or in the column menu filter are not translated. They are in English even if the language is set to Swedish.

This is only when componentType is set to "modern". When it is set to "classic" the button language is correct.

See Dojo and attached screenshots.

Untitled | Kendo UI Dojo (telerik.com)

Hi,

I combined code form two examples found on your site in order to reproduce the bug.

The original example describes how to append tab to the tabStrip:

https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/append

dojo editor: https://dojo.telerik.com/alEGIcod

I added this line

tabStrip.remove("li:first");

that was copied from the other example about removing tab:

https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/methods/remove)

Just "li:last" I replaced by "li:first"

Now the appended tab has content of the second tab "Content 2" instead of "Appended Tab 1 content".

The bug reproduced.

I think that the problem is that the both tabs have the same id: id="tabstrip-tab-2"

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

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.3.1118/styles/kendo.default-v2.min.css"/>

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

<div id="tabstrip">
    <ul>
        <li>Tab 1</li>
        <li>Tab 2</li>
    </ul>
    <div>Content 1</div>
    <div>Content 2</div>
</div>

<script>
    var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
    tabStrip.remove("li:first"); // added line
    tabStrip.append(
        [{
            text: "<b>Appended Tab 1</b>",
            encoded: false,
            content: "Appended Tab 1 content",
        },
]
    );
</script>
</body>
</html>

Version of Kendo UI Grid: v2016.3.1028

There appear to be a few accessibility issues with the pager control for kendo grid when using a screen reader:

Hi Kendo Team,

I am getting this error when trying to open a pdf from Azure Blob using kendoPDFViewer. (Error: has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.)

I use token-based authentication by SSL token included to the image/pdf URLs and It works fine for image viewing using kendoImageEditor.

My code is simple as follows:

                            this.viewer = $("#pdfViewer").kendoPDFViewer({

                                pdfjsProcessing: {

                                    file: pdfUrl,

                                },

                                width: "100%",

                            }).data("kendoPDFViewer");

Could you please let me know how to fix this issue?

Or do I need to use dplProcessing with an Authorization token

Hi,

I updated my project to Kendo UI for jQuery 2020.3.1021 but then all Grids stopped working on mobile or tablet devices. When downgrading to 2020.3.930 grids works fine. Also tried it with 2020.3.1028 but same issue.

I have tested it on iPad, iPad Pro, Samsung S10. Same issue with Chrome/Edge Chromium and emulate a mobile/tablet device.

In the browser console you can see the javascript error: "Cannot read property 'rows' of null".

Reproduction of the problem:

1. Go to https://demos.telerik.com/kendo-ui/grid/index
2. Hit F12 top open the Developer toolbar
3. Click on "Toogle device toolbar" (CTRL + SHIFT + M)
4. Choose any device, ex: iPad, iPhone
5. Reload page to make the changes take effect
6. Click on "Run live demo"
7. Grid not loading!!
8. Console is showing a JavaScript error: "Cannot read property 'rows' of null"

Hi!

I've found that column menu doesn't work properly when both columns.selectable and columnMenu are enabled. Just run this code snippet and try to enable/disable columns in column menu.

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

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columnMenu: true,
  columns: [
    { selectable: true },
    { field: "name" },
    { field: "age" },
    { field: "pet" }
  ],
  dataSource: [
    { name: "Jane Doe", age: 25, pet: 'dog' }, 
    { name: "John Doe", age: 71, pet: 'cat' } 
  ]
});
</script>
</body>
</html>

Bug report

If the datasource of a Grid with "autoBind: false" configuration is sorted using the below code, the data sorting in the component is correct but no sorting arrows appear in the headers of the sorted columns.

var grid = $("#grid").data("kendoGrid");
var sort = [{field: "Freight", dir: "desc"}, {field: "OrderDate", dir: "asc"}];
grid.setOptions({ dataSource: {sort: sort }});
grid.dataSource.read();

• This is a regression introduced in version 2020.1.114

Reproduction of the problem

1. Open this Dojo example and run it
2. See the headers of the "Freight" and "Order Date" columns

Current behavior

The sorting arrows are missing for both the "Freight" and "Order Date" columns

Expected/desired behavior

The arrows should appear as shown in the image below. The correct behavior can be observed in this Dojo example

Environment

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