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: 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 Nov 2020 16:43 by ADMIN

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]