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.

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]

Bug report

Reproduction of the problem

Dojo example.

1. Open Company filter menu.
2. Uncheck All and check only "Excella". Click Apply.
3. Open the same filter menu and check "Complete Tech". Click Apply.
4. Click the "Undo" button

Current behavior

All filters are cleared.

Expected/desired behavior

The Spreadsheet shows Company filtered by value "Excella". This is the behavior when different columns are filtered consecutively and then "Undo" is clicked.

Environment

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

When data for the MultiSelect widget is virtualized and mapValueTo: "dataItem" option is set, the widget returns incorrect dataItem on subsequent selection.

1. Select Order 3 and submit selection. Alert displays the selected Id 3
2. Clear selection and submit. Alert displays no data.
3. Select Order 131313 and submit selection. Alert displays the selected Id 131313 
4. Clear selection and submit. Alert displays no data.
5. Select Order 24242 and submit selection. Alert displays the selected Id 131313

Bug report

The Footer option of the UI for ASP.NET MVC Scheduler is disabled by default.

Reproduction of the problem

Demo.

Current behavior

No footer is rendered.

Expected/desired behavior

The footer should be enabled by default.

Currently, it has to be enabled explicitly: .Footer(true)

Environment

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