Completed
Last Updated: 21 Mar 2024 07:31 by ADMIN
Release 2024 Q2 (May)

Bug report

Get a scenario where we have a Grid with the following configs:

  1. There is a selectable column in the Grid
  2. There are one or more locked columns
  3. The reorderable.row value to true

Having the above configuration, try to reorder random rows. The value in the Drag Hint shows a number of files that is twice the number of the selected for reordering rows.

  • Note: In a scenario with a selectable column to be able to reorder rows, we have to select these rows at first

Reproduction of the problem

  1. Open this Dojo example
  2. Select two random rows in the Grid by checking their checkboxes
  3. Use the Contact Title column to start the row dragging(We need this column because the rows' reorder cannot start from a locked column)

Current behavior

The text inside the Drag Hint is "4 items selected"

Expected/desired behavior

The text inside the Drag Hint should correspond to the number of the selected rows. In the above scenario, the text should be "2 items selected"

Environment

  • Kendo UI version: 2022.2.802
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 19 Mar 2024 12:38 by ADMIN

Bug report

In a Grid with a hidden column, the aggregates in the footer shift to the right if you edit a cell.

Regression introduced with 2023.2.829

Reproduction of the problem

  1. Open this Dojo example - https://dojo.telerik.com/EXOmOcAs
  2. Scroll to the bottom to see the footer
  3. Edit a cell

Current behavior

The footer cells shift to the right.

Expected/desired behavior

The footer cells shouldn't shift to the right after updating a cell.

Environment

  • Kendo UI version: 2024.1.130
  • Browser: [all]
Completed
Last Updated: 14 Mar 2024 09:11 by ADMIN
Release 2024 Q2

Bug report
Row filter Clear icon does not clear the autocomplete in Grid since 2022.1.119

Reproduction of the problem
Open the demo: https://demos.telerik.com/kendo-ui/grid/filter-row

Type V in the Ship Name filter input, then click the clear button (X).
It will toggle the mode and display the Filter clear button outside of the autocomplete edit box but will not clear the filter.



Expected/desired behavior
AutoComplete shall be cleared

The issue is introduced with 2022 R1 (2022.1.119)
Environment
Kendo UI version: 2022.1.119 or above
Browser: [all]

Completed
Last Updated: 13 Mar 2024 15:34 by ADMIN
Created by: Support
Comments: 0
Category: Grid
Type: Bug Report
0

We are using the columns.filterable.ui to initialize a kendoTextArea, if we write something and use the enter key to filter the value is ignored. 

Example:

https://dojo.telerik.com/iSElEkUL 

Completed
Last Updated: 13 Mar 2024 13:10 by ADMIN
Release 2024 Q2

Hello,

 

we have the following problem:

In the dojo https://dojo.telerik.com/uJUGEQuh clicking on a row from the skleton loader in the grid causes an error. It seems like you want to access the "id" field from the datasrouce model which doesn't exist in the loading animation.

model:
{
	id: "Id",
	fields: 
	{
		ProductName: { type: "string" },
		Id: { type: "number" }
	}
}

 

If you rename the "id" field to for exmaple "XXXX" the error message changes

from:

Uncaught TypeError: Cannot read properties of undefined (reading 'Id')

to:

Uncaught TypeError: Cannot read properties of undefined (reading 'XXXX')

 

We attached a gif of the problem and the code snipped of the dojo. The browser is Chrome Version 109.0.5414.120 (Official Build) (64-Bit)

 

Greetings

Ingo E.

Completed
Last Updated: 12 Mar 2024 08:04 by ADMIN
Release 2024 Q1

Bug report

When the value of a cell in the Grid is set using the model.set method, and there is already a dirty cell in the Grid, the .k-dirty-cell class is added to multiple cells.

Reproduction of the problem

  1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/OhoPEPoh
  2. Change the value in an arbitrary cell in the Grid.
  3. Press the setValue button (The set value button is setting the value of the third cell in the ProductName column using the API set method)

Current behavior

The k-dirty-cell class is applied to multiple cells (the background is changed to green).

Expected/desired behavior

The .k-dirty-cell class should be applied only to the cells with changed value.

The issue is a regression starting with the 2023 R1 (2023.1.117) version.

Environment

  • Kendo UI version: 2023.3.1010
  • Browser: [all ]
Completed
Last Updated: 07 Mar 2024 15:00 by ADMIN
Release 2024 Q2

Bug report

When filtering is enabled in the Grid, the autoFitColumns method does not work.

Reproduction of the problem

  1. Open this Dojo example - https://dojo.telerik.com/AsaNeqOc
  2. Compare the column width of the two Grids

Current behavior

The filterable Grid's columns are not auto-fitted

Expected/desired behavior

The filterable Grid's columns should be auto-fitted

Environment

  • Kendo UI version: 2023.2.606
  • Browser: [all]
Completed
Last Updated: 05 Mar 2024 08:35 by ADMIN
Release 2024 Q2
Created by: Lee
Comments: 4
Category: Grid
Type: Bug Report
0

I am trying to change the menu option for a column from false to true and others from true to false when a user selects an item from a dropdown. This isn't working. I'm using getOptions(), changing the menu setting in each column, and then setOptions(options) to set it.

Here is a dojo showing an example. In the example, firstName and lastName are initially hidden. I simulate a user choosing last name from some sort of selector (like a dropdown box). The code should then hide both name columns and unhide the lastName column. Instead it hides both name columns.

It seems to have something to do with setting any of the name columns to hidden on initialization. If I remove this from the column settings on initialization though it only works once and when I choose a different option from the dropdown (dropdown is simulated in the dojo so you can't try this but trust me) it breaks.

<html>
<head>
  <meta charset="utf-8">
  <title>Untitled</title>

  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.412/styles/kendo.common.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.412/styles/kendo.rtl.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.412/styles/kendo.default.min.css">
  <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.511/styles/kendo.mobile.all.min.css">

  <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2021.2.511/js/angular.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2021.2.511/js/jszip.min.js"></script>
  <script src="https://kendo.cdn.telerik.com/2021.2.511/js/kendo.all.min.js"></script></head>
<body>
  <div id="myGrid"></div>
  
  <script>
    let tableRows = [
      {
        ID: 1,
        FirstName: "John",
        LastName: "Smith",
        Age: 21
      },
      {
        ID: 2,
        FirstName: "Jenny",
        LastName: "Jones",
        Age: 18
      },
      {
        ID: 3,
        FirstName: "Greg",
        LastName: "Adams",
        Age: 23
      }
    ];
    
   let tableColumns = [
              {
                title: "Employee ID",
                field: "ID",
                width: 100,
                locked: true,
                menu: false
              },
            {
                title: "First Name",
                field: "FirstName",
                width: 150,
              hidden: true,
              attributes: { "class": "name" },
                
            },
            {
                title: "Last Name",
                field: "LastName",
              hidden: true,
                width: 150,
                attributes: { "class": "name", "data-position": "last name" },
                
            },
            {
                title: "Age",
                field: "Age",
                width: 100
            }
        ];

            var grid = $(`#myGrid`).kendoGrid({
            dataSource: {
                data: tableRows,
                schema: {
                    model: {
                        id: "ID",
                        fields: { ID: {type: "number"}}
                    }
                }
            },
            dataBound: function (e) {
                if (e.sender.dataSource.view().length == 0) {
                    var colspan = e.sender.thead.find("th").length;
                    //insert empty row with colspan equal to the table header th count
                    var emptyRow = "<tr><td colspan='" + colspan + "'></td></tr>";
                    e.sender.tbody.html(emptyRow);
                    e.sender.table.width(800);
                }
     
            },
            columns: tableColumns,
              columnMenu: true,
            sortable: true,
            pageable: false
        }).data("kendoGrid");
    
    let options = grid.getOptions();
    let columns = grid.columns;
    let nameColumns = $(".name");
    let lastNameColumn = $("[data-position='last name']");
    let lockedColumnCount = 0;
    for (var i = 0; i < columns.length; i++) {
        if (columns[i].locked) {
            lockedColumnCount++;
        }
    }
    $.each(nameColumns, function (index, element) {
        let elementIndex = $(element).index() + lockedColumnCount;
        //kendoGrids[tableId].showColumn(elementIndex);
        options.columns[elementIndex].menu = false;
        options.columns[elementIndex].hidden = true;
    });
    
    // Let's pretend Last Name was chosen from a select box part of name to show.
    $.each(lastNameColumn, function (index, element) {
        let elementIndex = $(element).index() + lockedColumnCount;
                        options.columns[elementIndex].menu = true;
                        options.columns[elementIndex].hidden = false;
                        //kendoGrids[tableId].showColumn(elementIndex);
                    });
                    
    console.log(options);
                    
                    grid.options = options;
                    grid.setOptions(options);
    
  </script>
  
</body>
</html>

Completed
Last Updated: 26 Feb 2024 11:50 by ADMIN
Release 2024 Q2

Bug report

With the introduction of the Columns tools in the Grid toolbar, if the columnMenu is set to tabbed, the menu is missing the Column Visibility and Autosize options.

Regression introduced with 2024.1.130

Reproduction of the problem

  1. Open this demo - https://demos.telerik.com/kendo-ui/grid/column-menu
  2. Open the Column Menu

Current behavior

The Column Visibility and Autosize options are missing

Expected/desired behavior

The Column Visibility and Autosize options should be visible.

Environment

  • Kendo UI version: 2024.1.130
  • Browser: [all]
Completed
Last Updated: 23 Feb 2024 08:46 by ADMIN
Created by: Brandon
Comments: 0
Category: Grid
Type: Bug Report
1

Bug report

When using a ForeignKeyColumn that is bound to a dataSource, the Grid options will not be available initially such as during the document.ready event.

Reproduction of the problem

Please visit this Progress Kendo UI Dojo which demonstrates the Grid unable to retrieve the options, and receiving a JavaScript error.

Expected/desired behavior

The Grid options should be available upon the document.ready event with a databound ForeignKeyColumn.

Environment

  • Kendo UI version: 2022.2.510
  • jQuery version: 3.6.0
  • Browser: All
Completed
Last Updated: 21 Feb 2024 13:54 by ADMIN

Bug report

Sticky Column misalign on scroll with Safari IOS in Desktop Mode

Reproduction of the problem

Open: https://demos.telerik.com/kendo-ui/grid/sticky-columns

Make sure to "Request Desktop Website" with Safari  (it works fine in Mobile Mode)

Then try scrolling vertically in the grid particularly first dragging the frozen columns and then dragging the non-frozen columns

Environment
Kendo UI version: 2022.3.1109
jQuery version: All Supported Versions
Browser: Firefox 108.0

Completed
Last Updated: 21 Feb 2024 13:54 by ADMIN
Created by: Michael
Comments: 0
Category: Grid
Type: Bug Report
0

Bug report

Reproduction of the problem

Open: https://demos.telerik.com/kendo-ui/grid/frozen-columns

Make sure to "Request Desktop Website" with Safari  (it works fine in Mobile Mode)

Then try scrolling vertically in the grid particularly first dragging the frozen columns and then dragging the non-frozen columns

Environment
Kendo UI version: 2022.3.1109
jQuery version: All Supported Versions
Browser: Firefox 108.0

Completed
Last Updated: 20 Feb 2024 11:44 by ADMIN

Bug report

Using groupHeaderColumnTemplate in Group Paging causes group rows to render without a group-data-uid attribute

Reproduction of the problem
Dojo example: https://dojo.telerik.com/AzecInaY

Inspect grouping row element

Expected/desired behavior
The group-data-uid attribute shall be present

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

Completed
Last Updated: 24 Jan 2024 08:15 by ADMIN
Release 2024 Q1

Bug report

When all columns have set width in pixels resizing of the columns does not work as expected and the cursor is not aligned with the columns.

Reproduction of the problem

  1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/uMEqOTEL
  2. Try to resize the columns

Current behavior

The column becomes much wider and the cursor is not aligned with the column border - screencast - https://somup.com/c0lqlFkjLc

Expected/desired behavior

The column should be resized along with the movement of the cursor.

Note: The issue starts to appear with Kendo version 2023 R2 SP1 (2023.2.718). Before this version the issue was reproducible only when the pixels are mentioned in the width setting - example: { field: "name", width: "20px" }, - Dojo - https://dojo.telerik.com/@NeliKondova/IdEsagig

Environment

  • Kendo UI version: 2023.3.1114
  • Browser: [all ]
Completed
Last Updated: 18 Jan 2024 12:24 by ADMIN
Release 2024 Q1

Bug report

An error is thrown in the browser console when you navigate to the last Grid page when grouping is enabled.

Regression with 2022.1.301

Reproduction of the problem

  1. Open this Dojo example - https://dojo.telerik.com/aYInodep/3
  2. Expand the Canada group.
  3. Navigate to the last page

Current behavior

An error is thrown on the browser console.

Expected/desired behavior

No errors should be thrown in the browser console

Environment

  • Kendo UI version: 2023.3.1010
  • Browser: [all]
Completed
Last Updated: 13 Jan 2024 20:24 by ADMIN
Created by: Joseph
Comments: 1
Category: Grid
Type: Bug Report
0

Hi,

I've found a bug in the jQuery template code for Kendo Grids. Seems that it directly injects the name of a field from the data source results under the assumption that the field name is a valid JavaScript identifier (i.e. data.someIdenifier). But when the data source results contain a field name that is a number (as in my case), this results in invalid JavaScript (i.e. data.1234) and causes the Kendo Grid code to error. I notice that in some places in the template code, indexing is used instead of member access (data['someIdentifier'] instead of data.someIdentifier), but not everywhere. I'd recommend using indexing every where to fix this (i.e. data[1234]).

Completed
Last Updated: 13 Jan 2024 18:31 by ADMIN

Bug report

The behavior has been introduced in R3 2020.

Reproduction of the problem

Dojo example.

  1. Run the example

Current behavior

The sticky column's left border is not displayed.

Expected/desired behavior

The sticky column's left border is displayed.

Environment

  • Kendo UI version: 2020.1.119
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 10 Jan 2024 08:12 by ADMIN

Bug report

Reproduction of the problem

Dojo example.

  1. Drag the page splitter to resize the screen and see the Grid's pager correctly switch between the different responsive styles (expected)
  2. Click the "Open Modal" button, which opens a Kendo Window with another Grid in it
  3. Drag the page splitter and/or resizing the Window to see each of the Grid's paging styles changing accordingly (expected)
  4. Close the Window (destroy is called in the deactivate event handler)
  5. Try again to drag the page splitter to resize the screen. This time, the Grid's pager is no longer responsive

Current behavior

Responsiveness of the pager of a Grid declared outside the Window is affected by the Window's destroy method.

Expected/desired behavior

Calling the destroy method has no unexpected effect on components that are not nested in the Window.

Environment

  • Kendo UI version: 2019.3.1023
  • jQuery version: x.y
  • Browser: [all ]
Completed
Last Updated: 08 Jan 2024 12:52 by ADMIN
Release R1.2024-Increment.2(31.Jan.2024)

Bug report

When a column is unsticked either through the built-in context menu or through the unstickColumn method all the casses from the cells in that column are removed, even the 'k-table-td' class.

Reproduction of the problem

  1. Open the Dojo and inspect the cells in the ShipAddress column
  2. Unstick the column

Current behavior

All classes in that column are removed

<td class="" style="" role="gridcell">Boulevard Tirou, 255</td>

Note: Initially the cells have the k-table-td class twice which is also not expected

<td class="k-grid-content-sticky k-table-td k-table-td" style="left: 0px; right: 0px;" role="gridcell">Boulevard Tirou, 255</td>

Expected/desired behavior

Only the 'k-grid-content-sticky' class should be added or removed when sticking/unsticking a column.

Environment

  • Kendo UI version: 2023.3.1114
  • Browser: [all ]
Completed
Last Updated: 20 Dec 2023 16:57 by ADMIN

Bug report
Аggregates not working in group footer, when string value contains line break "\n"

Reproduction of the problem
Dojo: https://dojo.telerik.com/uPuyEcEJ

Current behavior
Аggregates not working

Expected/desired behavior
Aggregated should be working fine when the value contains "\n"

Environment
Kendo UI version: [all]
Browser: [all]

1 2 3 4 5 6