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.

Hello,

We are using Telerik UI for ASP.NET MVC for an interactive map. We have added GeoJSON shapes to the map. We want to display tooltips on the shapes but have noticed that the mouse enter/leave and tooltip display seems somewhat broken. When the user has zoomed in or out, the events seem to sometimes not be triggered at all, until the user has panned.
The issues we found were also present in this example: https://demos.telerik.com/aspnet-mvc/map/geojson
To reproduce:
1. Zoom in or out, either with the mosue wheel or with the map controls.
2. Move the mouse over shapes and check if they get any tooltip or highlight. Some of the time it will be working normally, some of the time the changes do not happen at all. If the problem does not appear, repeat the previous step and test again.
3. Panning the map, either by click-dragging or with the map controls, fixes the issue until further zooming breaks it again.

Thanks,

Will

Bug report

Regression introduced in R1 2021 SP1. Possibly related to #6597.

Reproduction of the problem

Reproducible in the Kendo UI for jQuery Overview demo, the MVC Overview demo, other demos, and in the attached sample project.
MVCGanttTest.zip

1. Run a demo or the project (the project requires a reference to Kendo.Mvc.dll to be added).
2. Open the dev tools Network tab.
3. Double click a child task in the Timeline view to edit it.
4. Modify the task's title, e.g., a character to the title text.
5. Save the task.

Current behavior

Multiple requests are sent to the Update action. One for the edited task and additional one(s) for the parent task(s) depending on the level of the edited task. This happens only on initial edit of that particular task. Subsequent editing results in only 1 request to the Update action.

Expected/desired behavior

Every time a task title is edited, only 1 request to the server should be sent.

Environment

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

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

Bug report

Reproduction of the problem

If you want to have only some of the default tools, you cannot do that with the Spreadsheet wrapper.

1. Declare the tools you want, e.g.,

.Toolbar(t =>
{
	t.Home(h =>
	{
		h.ExportAs();
	});
})

Current behavior

All the tools are displayed.

Expected/desired behavior

Only the ExportAs tool is displayed.

Environment

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

Hi,

I noticed in the editor that when you click the "View HTML" button, the popup window isn't sized properly and you must scroll down to see the Update and Cancel buttons. 

It can be seen on your demo page...

https://demos.telerik.com/aspnet-mvc/editor/all-tools

Thanks

Bug report

When the new TextBoxFor with a Floating label is used as editor for the String fields the label overlaps populated fields.

for MVC and MVC Core

Reproduction of the problem

@Html.Kendo().TextBoxFor(model => model).Label(l => l.Content("Name").Floating())

Expected/desired behavior

Floating label should not overlap populated fields

Environment

Kendo UI version: 2020.2.513 or above
Browser: [all]

Bug report

Regression introduced in R2 2020. Possibly related to #5467

Reproduction of the problem

1. Set up a ComboBox that uses virtualization:

<input id="orders" style="width: 100%" />

<script>
    $(document).ready(function() {
        $("#orders").kendoComboBox({
            dataTextField: "ProductName",
            dataValueField: "ProductID",
            virtual: {
                itemHeight: 26,
                valueMapper: function(options) {
                    $.ajax({
                        url: "Home/Orders_ValueMapper",
                        type: "GET",
                        dataType: "json",
                        data: convertValues(options.value),
                        success: function (data) {
                            options.success(data);
                        }
                    })
                }
            },
            height: 520,
            dataSource: {
                transport: {
                    read: {
                        url: "Home/Virtualization_Read",
                        dataType: "json" 
                    }
                },
                schema: {
                    model: {
                        fields: {
                            ProductID: { type: "number" },
                            ProductName: { type: "string" },
                        }
                    },
                    data: "Data",
		    total: "Total"
                },
                pageSize: 80,
                serverPaging: true,
                serverFiltering: true
            }
        });
    });

    function convertValues(value) {
        var data = {};

        value = $.isArray(value) ? value : [value];

        for (var idx = 0; idx < value.length; idx++) {
            data["values[" + idx + "]"] = value[idx];
        }

        return data;
    }
</script>

2. Return an empty collection:

public ActionResult Virtualization_Read([DataSourceRequest] DataSourceRequest request)
{
    return Json(GetProducts().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}

public IEnumerable<Product> GetProducts()
{
    var products = Enumerable.Range(0, 0).Select(i => new Product
    {
        ProductID = i,
        ProductName = "ProductName" + i
    });

    return products;
}

3. Focus the ComboBox input and press Down Arrow

Current behavior

A request to the Read action is sent with the following parameters:
http://localhost:54962/Home/Virtualization_Read?take=0&skip=NaN&page=NaN&pageSize=0&filter%5Blogic%5D=and

The NaN value of the parameters: skip=NaN&page=NaN causes a server error:

Input string was not in a correct format.
...
[Exception: NaN is not a valid value for Int32.]

Expected/desired behavior

No exception should be thrown. In versions prior to R2 2020 a request is not sent to the server on pressing Down arrow key.

Environment

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

I load a pdf on a PDFViewer component using loadDefault function, but Open event is not fired.

Also, I want to scroll to the end of the document and for that, I need to retrieve the count of the pages and activate the last page in the render event, even it's called multiple times.

How can I get the count of the pages and scroll to the end of the .pdf document after it is loaded?

    @(Html.Kendo().PDFViewer().Name("documentViewer")
        .PdfjsProcessing(pdf => pdf.File(Url.Content("~/Content/data/default.pdf")))
        .Events(e => e
            .Error("(function(e) { onDocumentViewerError(e); })")
            .Render("(function(e) { onDocumentViewerRender(e); })")
            .Open("(function(e) { onDocumentViewerOpen(e); })")
        )
    )
...
<script type="text/javascript">
...

function loadDefault() {
    var docUrl = window.location.origin + window.location.pathname + "Content/data/default.pdf";

    var pdfViewer = $("#documentViewer").data("kendoPDFViewer");
    pdfViewer.fromFile(docUrl);
 }

onDocumentViewerRender = function(e) {
    console.log("render");

    if (goToEnd) {
         goToEnd = false;

         setTimeout(function () {
              var pdfViewer = $("#documentViewer").data("kendoPDFViewer");
              pdfViewer.activatePage(pagesCount); // how to get pagesCount
         }, 2000);
    }
}

onDocumentViewerOpen = function(e) {
    console.log("open"); // not shown in Console
}
...
</script>

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]

Bug report

Reproduction of the problem

1. Visual Studio 2019 version 16.8.3 (or another version the extension works with)
2. Install the Scaffolder extension.
3. In a sample Terlerik ASP.NET MVC Application verify that the Kendo Scaffolder and its configuration panel work as expected.
4. Update Visual Studio to version 16.9.2.

Current behavior

The Kendo Scaffolder is no longer available in the Add New Scaffolded Item dialog.

Expected/desired behavior

The Kendo Scaffolder works as intended.

Environment

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

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]

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 ]

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

Dojo: https://dojo.telerik.com/iMuMedOd

1. Focus a cell and use one of the following shortcuts: Ctrl + B (Bold), Ctrl + I (Italic)

Current behavior

A js exception is thrown:
Uncaught TypeError: Cannot read property 'click' of undefined
kendo.all.js:168073

Expected/desired behavior

With the toolbar disabled the shortcuts should do nothing. There should be no exceptions.

Environment

• Kendo UI version: 2021.2.616
• 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]

Editor => Imagebrowser path for subfolder is url-encoded

if a picture from a subfolder is selected, the generated image-url is encoded for the subpath

encoding may be usefull, but not for the path separator

I have many pictures to show. The ImageBrowser-Control has some kind of support for lazy loading. The problem is just that the thumbnail of items scrolling into the viewport are not loaded.