Bug report

Regression in R1 2023 SP1.

Reproduction of the problem

Set a HeaderTemplate in one of the following 3 ways.

columns.Bound(p => p.Freight).HeaderTemplate("<div title='Freight'>Freight</div>");

columns.Bound(p => p.Freight).HeaderTemplate(@<text>
<div title="Freight">Freight</div>
</text>);

columns.Bound(p => p.Freight).HeaderTemplate(@<div title="Freight">Freight</div>);

Current behavior

In the first scenario the error is:
System.NotSupportedException: Specified method is not supported. 

In the second and third scenario the error is:
Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index

Expected/desired behavior

No exception thrown when the HeaderTemplate is set.

Environment

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

Bug report

When a RadioGroupFor is used as an editor template for the Grid, the property of the model is not bound to the component. The data-bind attribute is missing in the rendered HTML.

Reproduction of the problem

In the attached project, try to edit a record from the Grid. The property RGVal is not bound to the RadioGroup editor.
Adding the following configuration fixes the behavior:
.HtmlAttributes(new { data_bind="value:RGVal"})

Current behavior

The property is not bound to the editor.

Expected/desired behavior

The property should be bound to the editor.

Environment

• Kendo UI version: 2022.2.510
• Browser: [all]

TelerikMvcApp18.zip
WebView ]

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]

Bug report

Reproduction of the problem

Compare the renderings of the two ContextMenus below:

<div id="example1">Right click (Kendo UI ContextMenu)</div>
<br />
<br />
<div id="example2">Right click (MVC ContextMenu)</div>

<ul id="contextmenu1">
</ul>
<script>
    $("#contextmenu1").kendoContextMenu({
        target: "#example1",
        dataSource:
            [{
                text: "Item1",
            },
            {
                text: "Item2",
            }
        ]
    });
</script>


@(Html.Kendo().ContextMenu()
    .Name("contextmenu2")
    .Target("#example2")
    .Items(items =>
    {
        items.Add().Text("Item1");
        items.Add().Text("Item2");
    })
)

Current behavior

The item of the Kendo UI ContextMenu is rendered:

<li class="k-item k-menu-item k-first" role="menuitem" data-uid="d578b533-6933-416f-9624-96819ee95c45" aria-expanded="false">
    <span class="k-link k-menu-link">
       <span class="k-menu-link-text">Item1</span>
    </span>
</li>

The item of the MVC ContextMenu is rendered:

<li class="k-item k-state-default k-menu-item k-first" role="menuitem" aria-expanded="false" id="contextmenu2_mn_active">
     <span class="k-link k-menu-link">Item1</span>
</li>

The additional span with class k-menu-link-text is missing in the MVC component.

Expected/desired behavior

Identical rendering

Environment

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

Bug report

Regression in R1 2023.

Reproduction of the problem

1. Set the following HtmlAttributes configuration in a Grid column:

columns.Bound(p => p.OrderDate).HtmlAttributes(new { title = "Order Date: #=kendo.toString(OrderDate, 'dd-MM-yyyy')# " });

Current behavior

kendo.toString is not executed and as a result the date is not formatted. The exact value of the title attribute, as shown above is rendered as title of the cell.

Expected/desired behavior

The logic is executed and the OrderDate value is rendered in the title with the specified format.

Environment

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

Bug report

Reported in Ticket ID: 1529288

Reproduction of the problem

Create an MVC application:

View:

@{
	ViewBag.Title = "Home Page";
	string sfile = System.IO.Path.Combine(Server.MapPath("~"), "File1.xlsx");
}

@Html.Kendo().Spreadsheet().Name("spreadsheet"))

<br />	
<br />	
<button class="k-button k-primary" id="export" onclick="ExportExcel()">Export Spreadsheet content</button>
<script>
    function ExportExcel() {
        var spread = $('#spreadsheet').getKendoSpreadsheet();
        var data = JSON.stringify(spread.toJSON());

        var fd = new FormData();
        fd.append('wbook', data);
        fd.append('sfile', "File1.xlsx");

        $.ajax({
            url: "@Url.Action("SaveFileExcel", "Home")",
            data: fd,
            contentType: "application/x-www-form-urlencoded",
            processData: false,
            contentType: false,
            type: "POST",
            statusCode: {
                200: function (xhr, status, err) {
                    console.log('File exported!');
                },
                500: function (xhr, status, err) {
                    console.log('Internal Server Error!');
                }
            }
        });
    }
</script>

Controller:

[HttpPost]
public ActionResult SaveFileExcel(string wbook, string sFile)
{
    var workbook = Telerik.Web.Spreadsheet.Workbook.FromJson(wbook);
    string physicalPath = Path.Combine(Server.MapPath("~/"), sFile);
    //workbook.Save("C:/inetpub/wwwroot/" + sFile
    workbook.Save(physicalPath);
    return new EmptyResult();
}

1. Add the application to a Docker container.
2. Place a breakpoint in the SaveFileExcel action.
3. Run the app and click the button below the Spreadsheet.

Current behavior

The Save method throws System.ExecutionEngineException

Expected/desired behavior

The file is saved.

Environment

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

Hello, our file manager makes 2 read request in a row when the page is loaded, when we load a new path, and when a directory is clicked in the tree view.

Is this normal?

Thanks!

I have discovered a bug in Kendo UI that seems to only affect IE11. 

When you create a Window with a position and width that renders partially off screen, IE11 will scroll the body to show as much of the window as possible.

Worse still, it seems to scroll to the last Kendo Window that was created.

This is undesirable. Is there a known workaround, or fix for this?

You can see it in this dojo if you shrink IE11 to be smaller than the window is wide:

https://dojo.telerik.com/iBiFatAT

See attached.

Thanks,

Julius

Hello,

since I updated Telerik UI for ASP.net MVC from version 2019.1.220 to 2019.2.514, the paging part of the grid doesn't display as expected in IE11 with compatibility with IE9  (<meta http-equiv="x-ua-compatible" content="IE=9">)

If I remove the compatibility with IE9, it's ok, but I need it to support older computer.  

version 2019.1.220: 

version 2019.2.514:

 Is there a solution to display it correctly?

Thank you very much and best regards.

Emmanuel Tharin

Bug report

Reproduction of the problem

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

1. Inspect the rendering of the "Contact Name" header in the MVC and Kendo UI for jQuery demos.

Current behavior

The difference in the rendering is shown below. In the Kendo UI Grid's Html, there is a span with class "k-cell-inner" that wraps the ".k-link" span, whereas in the MVC Grid, only an anchor is rendered.

Kendo UI:

<th scope="col" role="columnheader" data-field="ContactName" aria-haspopup="true" rowspan="1" data-title="Contact Name" aria-label="Contact Name Press ctrl + space to group" data-index="0" id="a44eadd9-62c6-4154-9735-4351a9cb5064" class="k-header k-filterable" data-role="columnsorter" style="touch-action: none;">
  <span class="k-cell-inner">
    <span class="k-link">
      <span class="k-column-title">Contact Name</span>
    </span>
    <a class="k-header-column-menu" href="#" title="Contact Name edit column settings" aria-label="Contact Name edit column settings" tabindex="-1">
      <span class="k-icon k-i-more-vertical"></span>
    </a>
  </span>
</th>

MVC:

<th class="k-header k-filterable" data-field="ContactName" data-index="0" data-title="Contact Name" id="f28afe50-210a-474d-9943-113f6bd4ad15" scope="col" data-role="columnsorter" style="touch-action: none;">
  <a class="k-link" href="/aspnet-mvc/grid/persiststate_customers_read?grid-sort=ContactName-asc">Contact Name</a>
  <a class="k-header-column-menu" href="#" title="Contact Name edit column settings" aria-label="Contact Name edit column settings" tabindex="-1">
    <span class="k-icon k-i-more-vertical"></span>
  </a>
</th>

Expected/desired behavior

Identical rendering.

Environment

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

Bug report

The Checkbox is not working correctly when it is inside a Toolbar.
The issue is a regression starting with Kendo - 2022.3.913

Reproduction of the problem

Open the following dojo example:
https://dojo.telerik.com/eLuhaxuV/4

Click on the Checkbox.

Expected/desired behavior

The checkbox value should change when it is clicked.

Environment

• Kendo UI version: 2022.3.913
• Browser: [all ]

Bug report

Reproduction of the problem

1. Set up a Grid to use server binding
2. Add a custom command:

columns.Command(command => command.Custom("View Email"))
	.Title("Body")
	.Width(150);

Current behavior

When the Grid is configured to use server binding, it will render an anchor element. If remote binding is used, the Grid will correctly render a button element.

Expected/desired behavior

Consistency in the rendering. A button element should be rendered, regardless of using server or remote binding.

Environment

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

Bug report

Not reproducible with Sass themes.

Reproduction of the problem

https://dojo.telerik.com/ejaVeZUD/7

Current behavior

Map custom markers are not positioned correctly when zooming out using 'Less' themes

Expected/desired behavior

Markers are positioned correctly when zooming out.

Environment

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

Bug report

Regression introduced in R1 2022 SP1.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/akaJaXin/4

1. Scroll down the Scheduler and add a new event.
2. Double-click the newly added event and after the editor shows up, click on the "Cancel" or on the "Delete" button.

Current behavior

The popup closes and the Scheduler automatically scrolls to the top of the view.

Expected/desired behavior

The scroll position should remain. The current behavior is not user friendly, because if the user has multiple events with similar start times to remove, they will have to scroll back down every time they delete an event.

Environment

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

Bug report

Reproduction of the problem

Reproducible in the demos: https://demos.telerik.com/kendo-ui/pdfviewer/index

1. Shrink the browser window so that the zoom tool goes into the overflow menu.
2. Click on the overflow button to open the menu.

Current behavior

The zoom tool is disabled.

Expected/desired behavior

The zoom tool is enabled.

Environment

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

Bug report

Regression introduced in R1 2022. Reproducible only with the LESS themes.

Reproduction of the problem

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

1. Click the DropDownList to open its dropdown

Current behavior

The option label item's height is very small and no hover/select styles are applied to it. When the option label has some text, its height is ok, but again no hover/select styles are applied.

Expected/desired behavior

The option label item's appearance should match that of the other items.

Environment

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

Bug report

Reproduction of the problem

1. Set a class in the Breadcrumb's HtmlAttributes, e.g.,

.HtmlAttributes(new { @class = "test" })

2. Inspect the rendering of the component.

Current behavior

The custom class is not applied to the Breadcrumb.

Expected/desired behavior

The custom class is applied to the Breadcrumb along with the pre-defined Kendo classes.

Environment

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

Bug report

The loading spinner does not appear on the first data binding.

Reproduction of the problem

Reproduction :
https://dojo.telerik.com/iKoyESUV/7

1. Click on the 'Refresh' button. The loading spinner does not appear.
2. When the refresh button is clicked a second time, the spinner appears.

Current behavior

The loading spinner does not appear on the first data binding.

Expected/desired behavior

The loading spinner should appear on the first data binding too.

Environment

• Kendo UI version: 202x.r.ddd
• jQuery version: x.y
• Browser: [all ]

Bug report

Reproduction of the problem

1. Set a class in the TimeLine's HtmlAttributes, e.g.,

.HtmlAttributes(new { @class = "test" })

Current behavior

The custom class is not applied to the TimeLine's wrapping element.

Expected/desired behavior

The custom class is applied to the TimeLine along with the pre-defined Kendo classes.

Environment

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