Duplicated
Last Updated: 06 Mar 2024 09:15 by ADMIN

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.

Duplicated
Last Updated: 13 Feb 2024 08:50 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: Sev 2 (High)

Test Environment:

OS Version: 22H2 (OS Build 25352.1)
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.
3.Verify whether Columns are programmatically associated with their table headers or not.

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

Excepted result:
Columns should be associated programmatically with their headers.
Duplicated
Last Updated: 09 Nov 2023 09:17 by ADMIN
Created by: Jonas
Comments: 2
Category: TreeList
Type: Bug Report
0

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

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

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.

 

Duplicated
Last Updated: 14 Jul 2023 11:09 by ADMIN
Created by: Vlad
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
1
If using a kendo grid with a classic columnMenu setting, clicking "ok" or "cancel" after trying to filter by item crashes
Duplicated
Last Updated: 14 Jul 2023 11:05 by ADMIN
Created by: Vlad
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
1

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

Duplicated
Last Updated: 21 Jun 2022 09:20 by ADMIN

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.

Duplicated
Last Updated: 10 Nov 2021 07:31 by ADMIN

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)

Duplicated
Last Updated: 01 Jan 2021 10:23 by ADMIN
Created by: Boris
Comments: 1
Category: TabStrip
Type: Bug Report
1

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>

  
Duplicated
Last Updated: 05 Feb 2021 06:49 by ADMIN
Created by: Salla
Comments: 2
Category: Grid
Type: Bug Report
0

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:

1. Screen Reader is not notifying about the disabled control elements. For example: 'Go to First Page' , 'Go to Previous page'. The screen reader just narrates the name of the control.

2. When navigating to the pages--screen reader is narrating some irrelevant information about the page elements say 'Link label one of one , Link two of two label one , Link three of three label one.

Obviously an older version of the kendo ui grid is being used--but I wanted to confirm that these issues have been fixed for more recent versions. For accessibility compliance a user should be informed via screen reader if a link is disabled and pages should be clearly announced when selected. 

 

Thanks!

Duplicated
Last Updated: 24 Jun 2022 09:38 by Kirby

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

Duplicated
Last Updated: 03 Nov 2020 10:09 by ADMIN

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"

 

Duplicated
Last Updated: 31 Aug 2020 08:12 by ADMIN
Created by: Oleg
Comments: 2
Category: Grid
Type: Bug Report
1

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>

Duplicated
Last Updated: 23 Jul 2020 14:09 by ADMIN
There is an annoying bug with the latest version of Kendo UI for jQuery (2020.2.617). In grids with commands, there is a problem in column menu. When we try to show/hide a column, another column is hidden. Here is a sample that reproduces the problem : https://dojo.telerik.com/@kakone/awUhelIZ. In this sample, try to hide the "Ship Country" column, you will see the problem.
Duplicated
Last Updated: 15 May 2020 08:22 by ADMIN

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
image

Expected/desired behavior

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

Environment

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