Bug report

When the Grid is nested in a relatively positioned container, during the export the Grid gets an overflow style to its wrapping element. Then the style is removed and re-added again. This happens in a loop, which results in a vertical scrollbar constantly appearing and hiding.

Reproduction of the problem

1. Open this dojo example: https://dojo.telerik.com/IZoxOvOG/7
2. Click the "Export to PDF" button in the Grid's toolbar

Current behavior

Flickering caused by a scrollbar appearing and hiding

Expected/desired behavior

The Grid should remain unchanged during the export and no scrollbar should appear and hide during the export.

Environment

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

When creating columns in a TagHelper Grid definition, the Width property allows only numbers:

                                <column field="OrderID" width="100">
                                </column>

This does not match the width property in the Kendo UI and HtmlHelpers Grid definitions which allow string values to be entered as well:
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.width

That way, the developer will be able to add rem and other unit values in TagHelper syntax as well.

Also, it would be convenient if there is a new property similar to this:

                                <column field="OrderID" tooltip="Unique Number of the Order">
                                </column>

                                <column field="Freight"
                                        html-attributes='new Dictionary<string, object>{ ["style"] = "width: 30rem;" }'>
                                </column>

### Bug report

When the Grid is grouped by a specified column, and this column has a "groupFooterTemplate" that contains aggregates from other fields, it cannot be exported to Excel. It throws a JavaScript exception.

### Reproduction of the problem

1) Group the Grid by the column "ProductName".

2) Export it to Excel through the built-in command "Export to Excel".

3) JS exception is thrown.

A Dojo sample for reproduction: https://dojo.telerik.com/UyUruyOZ

### Expected/desired behavior

The Excel export should work as expected when the Grid is grouped.

### Environment

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

Overview

At this stage, the ToolBar.Custom() API configuration does not expose built-in configurations for adding a handler and partial view. E.g:

        @(Html.Kendo().Grid <TelerikAspNetCoreApp455.Models.OrderViewModel>()
            .Name("grid")
            .ToolBar(toolbar => {
                toolbar.Custom().Name("Test1").ClientTemplateHandler("someHandler");
                toolbar.Custom().Name("Test2").ClientTemplateView(Html.Partial("_Test2"))
            })
            ...
        )

Current behavior

The ToolBar.Custom() API configuration does not expose built-in configurations for adding a handler and partial view.

Expected/desired behavior

The ToolBar.Custom() API configuration should expose built-in configurations for adding a handler and partial view.

Environment

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

Bug report

Reproducible with the Grid's tag helper. Works as expected in the Html helper.

Reproduction of the problem

1. Run this example: https://netcorerepl.telerik.com/QSuBQmlo123kvYQt54

Current behavior

The toolbar does not show the RadioGroup.

Expected/desired behavior

A RadioGroup should appear in the toolbar, as set in the toolbar command template:

<toolbar-command-template>
    <kendo-radiogroup name="test">
        <kendo-radiogroup-items>
            <kendo-radiogroup-item label="Factor" value="F"></kendo-radiogroup-item>
            <kendo-radiogroup-item label="Equation" value="E"></kendo-radiogroup-item>
        </kendo-radiogroup-items>
    </kendo-radiogroup>
</toolbar-command-template>

Environment

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

Bug report

Setting the Reoderable.Rows.ClickMoveClick() API configuration explicitly to false results in an error when using the HTML Helper wrappers.

Reproduction of the problem

1. Open the following Telerik REPL.
2. Set the Reoderable.Rows.ClickMoveClick() to false.
3. Notice the thrown client-side error.

Current behavior

Setting the Reoderable.Rows.ClickMoveClick() explicitly to false throws the following error:

Expected/desired behavior

Setting the Reoderable.Rows.ClickMoveClick() explicitly to false should not throw an error.

Environment

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

### Bug report

The "confirmation" attribute of the editable tag does not accept a string.

### Reproduction of the problem

 Add a confirmation text as a string in the "confirmation" attribute, as per the example below:

<kendo-grid name="grid">
   ...
    <editable mode="popup" confirmation="Are you sure you want to hide this invoice?" />
</kendo-grid>

A REPL sample for reproduction: https://netcorerepl.telerik.com/moEqPSFo32PrwW4d01

### Expected/desired behavior

The "confirmation" option must accept a string.

### Environment

* **Telerik UI for ASP.NET Core version: 2024.2.514
* **Browser: [all]

### Bug report

The Column.Exportable option is not correctly serialized and cannot be used to export hidden columns.

### Reproduction of the problem

1. Set Column.Exportable(true) and Column.Hidden(true).

2. Export the grid and see that the column is not present in the exported file.

### TicketID:
1543405

### Environment

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

Bug report

When tabbing in a batch editable Grid cells do not enter edit mode.
This is a regression introduced with v 2023.2.606.

Reproduction of the problem

1. Run this dojo
2. Click on a cell in Product Name column - an editor is generated
3. Press the Tab key

Current behavior

The corresponding Unit Price is focused, but an editor is not generated

Expected/desired behavior

The cell should enter edit mode, as with v2023.1.425 - dojo

Environment

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

Bug report

CheckBox is not serialized correctly when declared in the Template component.

Reproduction of the problem

1. Open the following Telerik REPL.
2. Notice that the CheckBox component declared in the Template for the Discontinued field is not serialized correctly.

Current behavior

The CheckBox is not serialized correctly when declared in the Template component.

Expected/desired behavior

The CheckBox should be serialized correctly when declared in the Template component.

Environment

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

Bug report

When the GroupPaging configuration is present the exported Grid doesn't have any data.

Reproduction of the problem

1. Run this REPL
2. Export the Grid

Current behavior

The exported Excel only contains headers and footers

Expected/desired behavior

The whole content of the Grid must be exported.

Environment

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

Bug report

Regression introduced with 2024.1.130. Likely related to: #7650

Workaround: remove "px" from the width values, e.g.,

width: "80"

Reproduction of the problem

1. Run this dojo: https://dojo.telerik.com/ulOPUJEW/2
2. Compare the behavior of the Grid with R3 2023 SP1: https://dojo.telerik.com/alahAneG/3

Current behavior

The columns ignore their width setting and each column has 1/3 of the Grid's width.

Expected/desired behavior

The columns widths are proportionate to the specified width values (as in R3 2023 SP1).

Environment

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

### Bug report

When adding a new record in an InCell editable Grid with enabled "autoSync" option, it is not rendered in the Grid.

### Reproduction of the problem

A Dojo sample for reproduction: https://dojo.telerik.com/@gdenchev/omotILiP

### Expected/desired behavior

The new record must be visible at the top of the Grid table when the Create operation completes.

The last working version is 2024.1.130.

### Environment

* **Kendo UI version: 2024.1.319
* **jQuery version: 3.7.0
* **Browser: [all]

Hi

I'm using the popup editor to edit rows in the grid.

I'm using following javascript method to open the popup:

function editSelectedRow(name) {
    var grid = $('#' + name).data('kendoGrid');
    var rows = grid.select();
    grid.editRow(rows[0]);
}

This function is called when a row is double clicked:

$("#Binders tbody").on("dblclick", "tr[role='row']", function (e) {
    editSelectedRow("Binders");
});

I have this code for many years now and it was never a problem.

With the latest version of the grid this code fails (the popup doesn't open) upon making a change in the popup window. As long as no changes is done to the record in the popup, there will not be a problem.

The error received is the following:

jquery-3.7.1.min.js:2  jQuery.Deferred exception: Cannot read properties of undefined (reading 'id') TypeError: Cannot read properties of undefined (reading 'id')
    at HTMLTableRowElement.<anonymous> (https://kendo.cdn.telerik.com/2024.1.319/js/kendo.all.min.js:9:1814199)
    at Function.each (https://code.jquery.com/jquery-3.7.1.min.js:2:3129)
    at Le.fn.init.each (https://code.jquery.com/jquery-3.7.1.min.js:2:1594)
    at init._persistSelectedRows (https://kendo.cdn.telerik.com/2024.1.319/js/kendo.all.min.js:9:1814160)
    at init.select (https://kendo.cdn.telerik.com/2024.1.319/js/kendo.all.min.js:9:1811103)
    at init._displayRow (https://kendo.cdn.telerik.com/2024.1.319/js/kendo.all.min.js:9:1779176)
    at https://kendo.cdn.telerik.com/2024.1.319/js/kendo.all.min.js:9:1894615
    at Array.forEach (<anonymous>)
    at init.refresh (https://kendo.cdn.telerik.com/2024.1.319/js/kendo.all.min.js:9:1894600)
    at init.trigger (https://kendo.cdn.telerik.com/2024.1.319/js/kendo.all.min.js:9:4189) undefined

When the data in the grid is refreshed, no error will occur anymore.

HOWEVER... I also have an "Edit" button on the toolbar of the grid. That buttons uses the same 'editSelectedRow' function but when that button is used, the popup window will open, even after a change to the record!!

With other words... something goes wrong when double clicking a row after an update was made.

What has changed?

Best regards,

Peter

Grid row drag and drop capabilities enhancement request.

Currently, in order to drop a row from one Grid into another empty Grid, adding a placeholder row to the empty Grid with custom logic is required: https://demos.telerik.com/kendo-ui/grid/drag-drop

It would be nice to have a more robust drag and drop functionality that doesn't rely on custom logic to such an extent.

Bug report

When the Grid's PopUp Editing is enabled on mobile devices there are additional inputs or missing styling in the PopUp.

Reproduction of the problem

1. Open the Grid's Adaptive Rendering Demo
2. Scan it with your mobile device and open the Demo on it
3. Click the 'Add new record' or 'Edit'

Note: The issue doesn't reproduce in a browser's DevTools on desktop

Current behavior

The PopUp is misaligned or its styles are missing on mobile devices

Environment

• Kendo UI version: 2022.3.913
• Browser: [ Mobile Chrome | Android Web Browser | iOS Safari ]

Please ensure that FilterableMessageBuilder configurations are applied to the Filter's menu when it is placed within a ColumnMenu or expose configurations to control the messages of the Filter menu within the GridColumnMenuMessagesBuilder.

Here is an example REPL that showcases the configuration doesn't have effect

  .Filterable(f => f.Messages(m =>
    {
        m.And("Custom And");
        m.Or("Custom Or");
    }))

unless ColumnMenu() is commented out.