Unplanned
Last Updated: 17 May 2022 06:13 by ADMIN
Scheduled for 2022.3

Describe the bug
Column headers do not resize properly in IE11 when scrollable is set to false. Regression introduced in 2021.3.914.

To reproduce
Steps to reproduce the behavior:

  1. Go to https://demos.telerik.com/kendo-ui/grid/selection-export?autoRun=true&theme=bootstrap-main

The column headers are squished to the left side.

Expected behavior
Columns headers must have the same width as the respective columns.

Workaround:

.k-ie .k-grid-header {
  display: table-header-group;
}

Affected package (please remove the unneeded items)

  • theme-default
  • theme-bootstrap
  • theme-material

Affected suites (please remove the unneeded items)

  • Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

  • IE version: 11

Build system information (please remove the unneeded items)

  • Not Applicable
Unplanned
Last Updated: 16 May 2022 19:21 by Maximilian
Created by: Maximilian
Comments: 0
Category: Grid
Type: Bug Report
1

Bug report

The Kendo UI Grid's Toolbar Template UI for ASP.NET MVC documentation displays an approach used for UI for ASP.NET Core. The ClientTemplate and ClientTemplateID are not available for UI for ASP.NET MVC.

Reproduction of the problem

Please try the approach used in the documentation. It is not available for UI for ASP.NET MVC.

Expected/desired behavior

Either include the approach for UI for ASP.NET MVC, or modify the documentation.

Environment

  • Kendo UI version: 2022.2.510
  • jQuery version: 3.6
  • Browser: all
Unplanned
Last Updated: 20 Apr 2022 12:45 by George

Bug report

Reproducible with a Grid nested in the content of the tab, or loaded in the tab through AJAX.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/eJuHaTan

  1. Select Tab1, or click the button above the TabStrip to select the tab programmatically.
  2. Try to reorder a row in the Grid in Tab1.

Current behavior

The rows cannot be reordered.

Expected/desired behavior

The rows can be reordered.

Environment

  • Kendo UI version: 2022.1.412
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 12 Apr 2022 20:25 by ADMIN
Created by: John
Comments: 1
Category: Grid
Type: Bug Report
0
I have a field i am string filtering on.   This field had people's names in it.  One of our users is named "Jason Nulls".  When we searched for "contains" null, it crashed the ToDatasourceResult in the controller.  Comparing to a filter for a different user whose name starts with Barr, you can see the difference in the generated filters in this image.  
Completed
Last Updated: 08 Apr 2022 05:16 by ADMIN

Bug report

Reproduction of the problem

Reproducible in:
https://demos.telerik.com/aspnet-mvc/grid/editing-inline
and
https://demos.telerik.com/aspnet-core/grid/editing-inline

  1. Put a row in edit mode.
  2. Inspect the input in the ProductName column

Current behavior

The input does not have a title attribute or label.

Expected/desired behavior

The input should either have a title attribute, like in the Kendo UI for jQuery Grid, or since we use a TextBox component as editor in MVC and Core, a label should be rendered.

Environment

  • Kendo UI version: 2021.2.616
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 06 Apr 2022 11:45 by ADMIN
Release 2022.R1.SP.next
Created by: Bryan Patrick
Comments: 1
Category: Grid
Type: Bug Report
1

 

I've been using the "Change" event to handle a Single Row Selection grid as that seems to be the event to use to determine when the user selects a row.

 

I just tried adding "persistSelection(true)" to my grid but it seems to be triggering a change event when I switch to another page and back to the previous page, or do an external $(this).data('kendoGrid').dataSource.read() on the grid.

 

How can I only get a change event when the USER selects a row, not the persistedSelection selecting the row?

 

Or at least detetect where it came from it in my Change event?

 

Thanks,

 

Bryan

Completed
Last Updated: 08 Feb 2022 16:20 by ADMIN
Release 2022.R1.SP.next
Created by: Krishnamoorthy
Comments: 0
Category: Grid
Type: Bug Report
0

Bug report

When .Navigatable() is enabled, the Grid renders an aria-describedby attribute in each td element. The value of the attribute should match the id value of the respective column header. This works for standard columns bound to fields in the data, but doesn't work for a selectable column:

columns.Select();

The selectable column header element (th) does not render an id. The td elements of that column render an aria-describedby attribute, the value of which does not match any element id. This causes an accessibility issue (Ticket ID: 1530928).

Reproduction of the problem

Reproducible with the MVC helper:

@(Html.Kendo().Grid<TelerikMvcApp1.Models.OrderViewModel>()
	.Name("grid")
	.Columns(columns =>
	{
		columns.Select();
		columns.Bound(p => p.OrderID).Filterable(false);
		columns.Bound(p => p.Freight);
		columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}");
		columns.Bound(p => p.ShipName);
		columns.Bound(p => p.ShipCity);
	})
	.Pageable()
	.Navigatable()
	.Scrollable()
	.HtmlAttributes(new { style = "height:550px;" })
	.DataSource(dataSource => dataSource
		.Ajax()
		.PageSize(20)
		.Read(read => read.Action("Orders_Read", "Grid"))
	)
)

Current behavior

The selectable column header element (th) does not render an id.

Expected/desired behavior

The selectable column header element (th) renders an id that matches the aria-describedby attribute value of the td elements in the column.

Environment

  • Kendo UI version: 2021.2.616
  • jQuery version: x.y
  • Browser: [all ]
Unplanned
Last Updated: 03 Nov 2021 09:16 by ADMIN
Created by: John
Comments: 5
Category: Grid
Type: Bug Report
0

We set up a grid that auto-filters a name field to "does not contain" and the value it excludes is "[DEACTIVATED]".  This column is also filtering out records that have a null in them if this filter is set.  I had to change the datasource to return an empty string instead.

 

Declined
Last Updated: 28 Oct 2021 13:17 by John
Created by: John
Comments: 2
Category: Grid
Type: Bug Report
0

there seems to be a bug in your commands column and it's made worse when loading/saving grid layouts.

When i load a page with this grid column definition, 


.Groupable()
                    .Columns(columns =>
                    {
                        columns.Command(cmd => cmd.Custom("Undelete")
                            .Click("undelete"))
                            .Width(60);

when you inspect the grid, the grid internally shows two classes for the command cell:

attributes{class'k-command-cell k-command-cell'}

now, if i apply a grid layout, the problem gets worse.  This sample code will cause the dom to end up with multiple k-command-cell classes on the grid's td element.


$("#UndeleteGrid").data("kendoGrid").setOptions($("#UndeleteGrid").data("kendoGrid").getOptions())
After running this, just two times, i ended up with this:

<td class="k-command-cell k-command-cell k-command-cell k-command-cell k-command-cell k-command-cell k-command-cell k-command-cell k-command-cell" role="gridcell"><a role="button" class="k-button k-grid-Undelete" href="#" title="Undelete"><span class="k-icon k-i-undo"></span></a></td>


Unplanned
Last Updated: 15 Oct 2021 12:10 by ADMIN
Created by: John
Comments: 9
Category: Grid
Type: Bug Report
1
When you use grid.setOptions in jquery to apply custom settings to a grid, the refresh button in the bottom right corner of the grid gets the class on it changed.  It starts out as k-i-refresh but after applying a layout, it is changed to the alternate class for the same icon:  k-i-reload.  This broke a bunch of filters we had that were submitting by clicking the refresh button.
Unplanned
Last Updated: 12 Oct 2021 11:14 by ADMIN

When using template and no DataSource is set Grid NoRecords message is not rendered.

 

Reproduction of the problem

Define a 'No Records' with template similar to the following article example: https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/grid/templates/no-records

 

@(Html.Kendo().Grid<Grid_Template.Controllers.GridModel>()
    .Name("Grid1")
    .NoRecords(n => n.Template("string HTML template, not centered"))
)

Current behavior

The default message for missing record is displayed: No records available.
"autoBind":false is applied to serialization

 

Expected/desired behavior

The message from the template is displayed: "string HTML template, not centered"

Workaround:
Add .DataSource(d => d.Ajax()) to the Grid configuration

 

 

@(Html.Kendo().Grid<Grid_Template.Controllers.GridModel>()
    .Name("Grid1")
    .NoRecords(n => n.Template("string HTML template, not centered"))
        .DataSource(d => d.Ajax())

)

 

https://github.com/telerik/kendo-ui-core/issues/6598

 

 

Unplanned
Last Updated: 31 Aug 2021 07:05 by ADMIN

Bug report

Reported in: Ticket ID: 1524543. Reproducible in Chrome and Firefox. Not reproducible in Edge
Version 91.0.864.54.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/iqUFarUV/3

  1. Hide half of the columns (uncheck them in the column menu -> Columns)
  2. Try to resize a column

Current behavior

On dragging the handle the column width automatically increases. Then if you try to decrease the width, you can't go past a certain width threshold.

Expected/desired behavior

The columns can be resized precisely, similarly to when their width is set in "px" instead of "%".

Environment

  • Kendo UI version: 2021.2.616
  • jQuery version: x.y
  • Browser: [Chrome 91, Firefox 89]
Unplanned
Last Updated: 06 Aug 2021 09:14 by n/a

Bug report

Reproduction of the problem

https://demos.telerik.com/aspnet-mvc/grid/persist-state

  1. Add a search panel to the Grid: .ToolBar(t => t.Search())
  2. Save its state and then load the saved state

Current behavior

The search panel disappears from the Grid's toolbar.

Expected/desired behavior

The search panel is present in the Grid's toolbar.

Environment

  • Kendo UI version: 2021.2.616
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 08 Jul 2021 11:03 by ADMIN
Release 2020.R3

Bug report

Exemplary configuration:

@(Html.Kendo().Grid<MyApp.Models.SampleTable>()
	.Name("grid")
	.ColumnMenu()
	.Scrollable(s => s.Enabled(true).Height("auto"))
	.DataSource(dataSource => dataSource
		.Ajax()
		.Model(model => model.Id(p => p.PrimaryKey))
		.Read(read => read.Action("Read", "Home")) 
		.Sort(sort => sort.Add("ColumnDate").Descending())
	)
	.Resizable(resize => resize.Columns(true))
	.Columns(columns =>
	{
		columns.Select().Width(60);
		columns.Group(group => group
			.HeaderTemplate(@<text><a class='k-link myHeaderTemplate' href=''>@ViewBag.MyHeaderTitle</a></text>)
			.Columns(c =>
			{
				c.Bound(x => x.Field1).Width("10%");
				c.Bound(x => x.Field2).Width("15%");
			})
    );
		columns.Bound(c => c.Field3)
			.Filterable(ftb => ftb.Operators(op => op.ForString(str => str.Clear().Contains("Contains"))));
		columns.Bound(c => c.Field4);
		columns.Bound(c => c.Field5).Hidden(true).Format("{0:dd-MM-yyyy hh:mm:ss tt}").Filterable(f => f.UI("dateFilter").Cell(cell=>cell.ShowOperators(false)));
		columns.Bound(c => c.Field5).HtmlAttributes(new {style="text-align:right" })
			.Filterable(f=> f.Cell(c=>c.Template("intFilter")))
			.HeaderHtmlAttributes(new { style="text-align:right" });
		columns.Bound(c => c.Field6).Filterable( f=>f.Cell(cell=>cell.ShowOperators(false).Operator("contains")));
		columns.Bound(c => c.Field7);
		columns.Bound(c => c.Field8);
	})
	.Filterable(ftb => ftb.Mode(GridFilterMode.Row))
	.PersistSelection()
    .Pageable(pager => pager
        .PageSizes(new int[] { 10, 20, 30 })
    ) 
    .Sortable()
    .Filterable()
    .Editable(e => e.Mode(GridEditMode.PopUp).DisplayDeleteConfirmation(false))
    .Excel(excel => excel
        .FileName("Export.xlsx")
        .Filterable(true)
        .ProxyURL(Url.Action("Excel_Export_Save", "Grid"))
    )
)

For a sample project, contact Ivan Danchev or Georgi Yankov.

Reproduction of the problem

If one of the columns (e.g. Field6) has a long header title calling the autoFitColumn and passing the column to it does not properly resize the column. The column remains narrow and its header text remains cut off.

Similarly, the method does not have the expected effect on columns with shorter text in the header, i.e. they remain wide instead of shrinking to the text length.

Current behavior

Incorrect column resizing.

Expected/desired behavior

Correct column resizing.

Environment

  • Kendo UI version: 2020.2.617
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 20 May 2021 14:34 by Sasa

Bug report

In the Less themes the textboxes and the other editors (e.g., NumericTextBox) in the popup of the Grid are misaligned. The rendering of the textboxes in the MVC and Core Grid is different when compared to the Kendo UI for jQuery Grid.

Reproduction of the problem

Reproducible in the Popup Editing demos (Core and MVC).

  1. Click the "Edit" button in a random row.
  2. Inspect the Product Name Textbox in the browser

Current behavior

The width of the TextBox does not match the width of the NumericTextBox.

The rendering differs:

<span class="k-widget k-textbox k-valid" style=""><input data-val="true" data-val-required="The Product name field is required." id="ProductName" name="ProductName" value="" data-role="textbox" aria-disabled="false" class="k-input k-valid" autocomplete="off" data-bind="value:ProductName" style="width: 100%;"></span>

vs

<input type="text" id="ProductName" name="ProductName" title="Product Name" required="required" autocomplete="off" data-bind="value:ProductName" class="k-textbox k-valid">

Expected/desired behavior

Identical rendering and alignment.

Environment

  • Kendo UI version: 2021.2.511
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 30 Mar 2021 10:30 by ADMIN

Bug report

When the Kendo UI Grid is configured to have endless scrolling and an item is updated on the first page, the scrollbar is reset. If an update is done on a page after the first one, the scroll is correctly persisted.

Reproduction of the problem

1. Set a grid with an endless scroll.

2. Scroll down (without entering the second page).

3. Update an item on the first page.

4. The scroll is reset.

Dojo sample for reference:

https://dojo.telerik.com/EcUKIrAK

Environment

* **Kendo UI version:** 2021.1.330
* **jQuery version:** 1.12.4
* **Browser:** [all]

Unplanned
Last Updated: 18 Feb 2021 11:38 by ADMIN
Created by: Developer
Comments: 0
Category: Grid
Type: Bug Report
1

A recent update has revealed some strange behaviour in some (not all) grids. In the attached screenshot, the javascript for the two buttons is on display inside the toolbar. If I move them out of the toolbar, the script no longer displays.

As a workaround, I have added this to CSS:

script {
	display: none !important;
}

Declined
Last Updated: 04 Feb 2021 16:59 by ADMIN

When the page first loads, everything looks okay...

 

But if I show a hidden column...

 

Here's what happens...

The newly shown column is circled in blue. The problem, as you can see, is that the position of the column circled in red should actually be swapped with the column to the left of it. And column #2 (ordering from left to right in the picture, starting from #1) now has an incorrect parent header ("Average") - it should be "Total". And column #4 (the one circled in red), "Constrained", should have a parent header of "Average" (that gray one in column #2).

 

And just FYI, if I show another column (which should also be under "Session Time [minutes]")...

 

...then here's what we get...

(Newly shown column circled in blue.)

 

But, you can see that the data columns are placed correctly. Just not the headers.

Unplanned
Last Updated: 21 Jan 2021 07:15 by ADMIN

Bug report
Error is thrown when using Kendo HTML Editor Control in Kendo Grid Popup EditorTemplate in IE only

Reproduction of the problem
Place Kendo editor in Grid popup template
   @(Html.Kendo().Grid<TelerikMvcApp2.Models.Person>().Name("persons")
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(m => m.PersonID))
            .Read(read => read.Action("GetPersons", "Home"))
            .Update(up => up.Action("UpdatePerson", "Home"))
    )

    .Columns(columns =>
    {
        columns.Bound(c => c.PersonID).Width(200);
        columns.Bound(c => c.Name);
        columns.Bound(c => c.BirthDate).Format("{0:g}");
        columns.Command(cmd => cmd.Edit());
    })

    .Pageable()
    .Sortable()
    .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("Person"))
)
Person.cshtml
            @(Html.Kendo().EditorFor(model => model.Text))

1. Run and open in IE

2. Click edit, make a change in the popup and Save

2. Click again on Edit


https://www.screencast.com/t/kZFZ9hZNEp

Expected/desired behavior
No error is thrown


Environment
Kendo UI version: 2020.3.118

Completed
Last Updated: 20 Jan 2021 12:29 by ADMIN

I'm trying to create a kendo grid inside of a kendo splitter in ASP.Net MVC. My problem is the pager info (i.e. "1 of 20 items") is not displayed on load. If the splitter is moved or a button inside of the splitter is pressed the grid resizes and the pager is displayed correctly. When there are more than 10 pages and the pager numbers and pager info size change to accommodate more digits the pager wrapper is not drawn correctly every time when changing pages.  This issue seems to only be present when the grid has a toolbar

I have tried using the dataBound event to resize the grid elements, but the pager div is not computed yet. I also tried applying a flex box to the pager wrapper and that did not change anything. I added a size to the splitter and it fixed the issue when set to 400px. But when set to something like 33% the issue persists. I need the splitter pane to be bigger than 400px on load so that fix does not work. 

I replicated the issue in this dojo: https://dojo.telerik.com/URIbinEY/12. The issue appears when in fullscreen mode on a 1920x1080 monitor. I have attached screen shots from my application showing the issue while navigating with the pager. paging 1.png shows the initial load fixed using a flex-box. paging 2.png shows navigating to the second page. The pager info is resized and moved off screen. paging 1.2 shows navigating back to page 1. There is a white space left at the bottom. Paging 3 shows the end of the pages. Paging 4 shows clicking the "..." to the previous paging page and the pager info being hidden. Paging inspected shows that the pager info is in the DOM, but resized off the screen when the toolbar is drawn. 

The expected result should show the pager info on load and the grid should fill 100% of the splitter pane. The pager info should be adjusted when navigating to another page in the pager to always be displayed. 

Any help with this issue will be much appreciated. Thanks!

1 2 3