Bug Report

When endless scrolling is implemented, manual DataSource operations using the DataSource APIs(query, page, sort, etc.) do not work as expected.  The endless scrolling settings are causing paging issues.  

Reproduction of the problem

1. Visit this Kendo UI Dojo.
2. Scroll to 40.
3. Click the Reset Filter button.

Current Behavior

The first page is only accessible, and when scrolling down the reads continue to occur.

Expected/desired behavior

The endless scrolling settings should not interfere with manual dataSource operations.

Workarounds

1. Solution when read is called, the Kendo UI Grid will reset to its original state(dojo). 
   

       kendo.ui.Pager.fn._refreshClick = function (e) {
           e.preventDefault();
           var grid = $("#grid").getKendoGrid();
           grid.dataSource.options.endless = null;
         	grid._endlessPageSize = 20;
         	grid.dataSource.pageSize(20);
       }

2. Solution which overrides the data(dojo).
   

       kendo.ui.Pager.fn._refreshClick = function (e) {
           e.preventDefault();
           var grid = $("#grid").getKendoGrid();
           window.restoreScroll = true;
           window.scolledValue = grid.content[0].scrollTop;
           grid.dataSource._data.empty();
           grid.dataSource._pristineData = [];
           grid.dataSource.read();
       }

Environment

• Kendo UI version: 2020.1.114

Bug report

The ComboBox doesn't reset its default state when removing the selected items with Ctrl+A && pressing the Delete/Backspace button.

This bug is a regression from the 2018 R3 version.

Reproduction of the problem

1. Open this Dojo project
2. Select the ComboBox and enter "Hanari Carnes", then select the first element
3. Clear the value of a field in one step (press Ctrl+A then Delete/Backspace button). The dropdown of the ComboBox will open.
4. Select the first element in the list - "Vins et alcools Chevalier".
5. The dropdown closes and no item is selected

Current behavior

When selecting the first element in the list, the Combobox closes without adding a value to the ComboBox input.

Expected/desired behavior

When the "Vins et alcools Chevalier" value is selected , the value should be added in the ComboBox input and the dropdown should close.
Here is a Dojo demonstrating the correct behavior.

Environment

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

Enhancement

Ticket ID 1418725

Current behavior

Currently it is not possible to pass HtmlAttributes() to the ArcGauge wrapper. The other gauges have this method, the ArcGauge should be no different.

Expected/desired behavior

The HtmlAttributes() should be set to the widget's element.

Environment

• Kendo UI version: 2019.2.619

Bug report

Regression introduced in R1 2020. Related to #4741

Reproduction of the problem

Dojo example.

1. Click on Item1 or on SubItem2

Current behavior

The page does not navigate to the url set in the item's data.

Expected/desired behavior

The page navigates to the url set in the item's data.

Environment

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

Bug Report

When importing a XLSX file with a frozen pane using server implementation(using the Document Processing Library), the dimensions of the frozen pane are missed.  

Reproduction of the problem

1. Visit the Spreadsheet Server Import/Export live demo.
2. Import the attached example(FrozenPaneExample.zip).

Current Behavior

The imported xlsx file appears to overflow the Kendo UI Spreadsheet component.  See screencast(SpreadhsheetOverflowFrozenPane.zip)

Expected Behavior

When importing a file using server implementation, the file should be contained within the Kendo UI Spreadsheet component's view.

Workaround

Reduce the amount of frozen rows/columns to fit into the widget.  

Environment

• Kendo UI version: 2020.1.114
• Browser: all

Bug report

Regression introduced in v2019.2.619.

Reproduction of the problem

Dojo example.

1. Copy some text in the clipboard.
2. Right-click the content area of the Editor.

Current behavior

The "Paste" option is missing from the contextmenu. The only way to make it appear is to right-click the top left corner of the Editor's content area.

Expected/desired behavior

The "Paste" option is present in the contextmenu, regardless of where exactly in the Editor's content area the right-click is performed.

Environment

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

Hi,

I have developed an application where I am displaying records in kendo Gantt chart, Initially I want to display only title and give user the option to select start & end date.  This means that I need to pass null value for start & end date, but I could not find the option. Could you please help me with it.

Also I want to add validations for start date & end date i.e. if user does not enter start & end date an alert should be displayed specifying user to add dates.

Please let m know whether its possible or not & if possible how should I go ahead with it.

When I use lock column, margin is created in the right scroll of the grid. Did you know this problem?
How can I fix this problem? 

Bug report

If the CurrentTimeMarker is enabled (it is by default), the resources are grouped, and events with different resource values (about 70) are loaded for the current day, a significant performance deterioration is observed.
With the CurrentTimeMaker disabled or the events loaded for a date different than today (past or future) the performance issue is not exhibited.

Reproduction of the problem

MVCSchedulerCurrentTimeMarker.zip

1. Run the attached sample project.

Current behavior

No exceptions are thrown, but the Scheduler becomes unresponsive.

Expected/desired behavior

There should be no performance hit, regardless of CurrentTimeMarker being enabled/disabled.

Environment

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

Bug report

Reproducible with suggest: true and serverFiltering: true
Regression introduced in 2019.3.1023.

Reproduction of the problem

Dojo example.

1. Focus the input area.
2. Type in "che".
3. Click the clear button.

Current behavior

The first item is selected.

Expected/desired behavior

The input is cleared.

Environment

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

We are using the Kendo UI for different components like Grid in our APS.Net MVC application. Currently we are experiencing an issue while exporting the Kendo grid to Excel from mobile (both android and ios). It shows the following warning message. The same works when exporting from a PC without any issue. Could you please help to resolve the issue.

Bug report

The Scheduler's header container holding the dates and hours in the "Timeline Month" view is misaligning when the "Create new event" popup for the last event in the view appears on the screen.

Reproduction of the problem

1. Open this Dojo and run it
2. Scroll horizontally to the max right position
3. Double click on the last day in the view

Current behavior

The header and the cells differentiating each day in the view are misaligned

Expected/desired behavior

There shouldn't be any misalignments when the "Create new event" popup appears on the screen

Environment

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

Bug report

Using server binding does not render the NoRecords message for the Grid

Reproduction of the problem

	@(Html.Kendo().Grid(new List<Product>())    
		.Name("Grid")
		.Columns(columns => {
			columns.Bound(p => p.ProductID).Groupable(false);
			columns.Bound(p => p.ProductName);
			columns.Bound(p => p.UnitPrice);
			columns.Bound(p => p.UnitsInStock);
		})
		.NoRecords("No records found.")
		
		.Pageable()
		.Sortable()
		.Scrollable() 
		.DataSource(d=>d.Server())
		.Filterable()
		.Groupable()
	)

Workarond

A possible workaround is to use local binding by setting the AJAX binding in the DataSource, but keep the initial server binding:

	@(Html.Kendo().Grid(new List<Product>())    
		.Name("Grid")
		.Columns(columns => {
			columns.Bound(p => p.ProductID).Groupable(false);
			columns.Bound(p => p.ProductName);
			columns.Bound(p => p.UnitPrice);
			columns.Bound(p => p.UnitsInStock);
		})
		.NoRecords("No records found.")
		
		.Pageable()
		.Sortable()
		.Scrollable() 
		.DataSource(d=>d.Ajax().ServerOperation(false))
		.Filterable()
		.Groupable()
	)

Environment

• Kendo UI version: 2017.3.1026

Hello,

I'd like to report a problem with the window component. It's only related to Google Chrome and occurred after the last Chrome update. Windows and Mac alike.

When dragging a non-modal window it does not move smoothly, but in a jerking manner. There is no problem with modal windows.

I've enclosed a screen video. The first windows is moving perfectly, the second erratically. Of course, this is not a major issue, but the client still complains.

@(Html.Kendo().Window()
      .Deferred()
      .Name("insert-products-window")
      .Title("Placering produktdokument")
      .LoadContentFrom("LoadInsertProductsDialog", "Catalog")
      .Events(e => e.Error("utilities.handleWindowError"))
      .Events(e => e.Close("insertProducts.onClose"))
      .Events(e => e.Activate("insertProducts.wireToolbarEvents"))
      .HtmlAttributes(new {style = "padding: 0;"})
      .Scrollable(false)
      .Draggable(d => d.Containment(Model.IsPhone ? "" : ".body-content"))
      .Modal(false)
      .Width(Model.IsPhone ? 0 : 700)
      .Height(Model.IsPhone ? 0 : 450)
      .Resizable(r => r.MinWidth(300))
      .Resizable(r => r.MinHeight(260))
      .Visible(false)
      .Actions(a => a.Custom("help").Minimize().Close())
      )

Bug report
Open a pdf file with links in PDF Viewer. Links are not clickable.

Reproduction of the problem
Open the demo for the PDF Viewer
Open a file, containing links
Click on a link

Current behavior
Clicking on a link does not redirect to the page

Expected/desired behavior
Clicking on a link should redirect to the link.

Environment
Kendo UI version: 2019.3.1023

Browser: [all]

When the Kendo UI TreeView (DropDownTree as well) is nested inside a template and the Checkboxes(true) property is set, Invalid Template error is thrown. 

For instance:

<script type="text/x-kendo-template" id="template">
        @(Html.Kendo().TreeView()
        .Name("treeview")
        .Checkboxes(true)
        .Items(treeview =>
        {
            treeview.Add().Text("My Web Site")
                .SpriteCssClasses("folder")
                .Expanded(true)
                .Checked(true)
                .Items(root =>
                {
                    root.Add().Text("images")
                        .Expanded(true)
                        .SpriteCssClasses("folder")
                        .Items(images =>
                        {
                            images.Add().Text("logo.png")
                                .SpriteCssClasses("image");

                            images.Add().Text("body-back.png")
                                .SpriteCssClasses("image");

                            images.Add().Text("my-photo.jpg")
                                .SpriteCssClasses("image");
                        });

                    root.Add().Text("resources")
                        .Expanded(true)
                        .SpriteCssClasses("folder")
                        .Items(resources =>
                        {
                            resources.Add().Text("pdf")
                                .Expanded(true)
                                .SpriteCssClasses("folder")
                                .Items(pdf =>
                                {
                                    pdf.Add().Text("brochure.pdf")
                                        .SpriteCssClasses("pdf");

                                    pdf.Add().Text("prices.pdf")
                                        .SpriteCssClasses("pdf");
                                });
                        });
                });
        }).ToClientTemplate()
    )
</script>

    function showDetails(e) {
        e.preventDefault();
        var detailsTemplate = kendo.template($("#template").html());
        var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
        var wnd = $("#Details").data("kendoWindow");
        wnd.content(detailsTemplate(dataItem));
        $("#SendArtifactId").val(dataItem.ArtifactId);
        wnd.center().open();
    }

Hi,

I'm experiencing a bug with the kendo grid. In my project I have a rather complicated website where a kendo grid is loaded depending an multiple criteria which can be chosen by the user through dropdowns and multiselects. Luckily, I could break it down to a simple test website and the bug still is bugging around ;)

Description: Depending on the criteria chosen, the grid loads different data which reach from zero to thousands of data rows. In my example here, it's either zero or 100 data rows (depending on the dropdown, if there is either "Empty" or "Not empty" selected). The grid loads its data if you press the button ok (by calling the Load action on the server). The result is meant to be limited to paging of 25 rows (no user choice wanted)!

Heres the code for the cshtml site:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div id="content">
        <div>
            @(Html.Kendo().DropDownList()
                            .Name("test_selector")
                            .DataTextField("Display")
                            .DataValueField("Value")
                            .BindTo(new List<DropDownVM>() {
                                            new DropDownVM()                                                                    {
                                                Display = "Empty",
                                                Value = "empty"
                                            },
                                            new DropDownVM()                                                                    {
                                                Display = "Not empty",
                                                Value = "notEmpty"
                                            }
                            })
            )
        </div>
        <div>
            @(Html.Kendo().Grid<MyProject.ViewModels.Test.TestItem>()
                                            .Name("grid_Test")
                                            .Columns(columns =>
                                            {
                                                columns.Bound(x => x.TestId).Title("TestId").Width(75);
                                                columns.Bound(x => x.TestName).Title("TestName").Width(75);
                                            })
                                            .Sortable()
                                            .Pageable()
                                            .DataSource(dataSource => dataSource
                                                .Ajax()
                                                .PageSize(25)
                                                .Read(read => read.Action("Load", "Test").Data("GetSelectorData"))
                                            )
                                            .AutoBind(false) //Do not load Grid data initially
            )
        </div>
        <div>
            @Html.Kendo().Button().Name("Load").Content("Load")
        </div>
    </div>
    <script type="text/javascript">
        $("#Load").on("click", function (e) {
            var grid = $("#grid_Test");
            grid.data("kendoGrid").dataSource.read();
        });

        function GetSelectorData() {
            var selectorData = {
                type: $('#test_selector').data("kendoDropDownList").value()
            }
            return selectorData;
        }
    </script>
</body>
</html>

And the corresponding controller:

public class TestController : BaseController
    {
        public ActionResult Index()
        {
            return View();
        }

        public ActionResult Load([DataSourceRequest] DataSourceRequest request, string type)
        {
            List<TestItem> result = new List<TestItem>();
            if (type == "notEmpty")
            {
                for (int id = 1; id <= 100; id++)
                    result.Add(CreateTestItem(id));
            }

            request.PageSize = 25;
            return Json(result.ToDataSourceResult(request));
        }

        private TestItem CreateTestItem(int id)
        {
            TestItem result = new TestItem()
            {
                TestId = id,
                TestName = "Name" + id
            };
            return result;
        }
    }

Problem: The scenario described above works actually fine as long as the grid gets at least one data row delivered as DataSourceResult (i.e., result.Count > 0 in the Load method of the controller). The request object in the controller's Load method also shows request.PageSize to be configured to 25. Also, if I choose "Empty" from the dropdown and press the Load-button, the request in the controller will show PageSize = 25. But if I switch the selector to "Not empty" afterwards and press Load, the request will show PageSize = 0! This results in the grid not being paged at all and showing all results on a single page (which leads to serious connectivity problems in my productive project as soon as there are several thousands of data rows).

I tried a quick workaround in the Load method of the controller by setting the PageSize manually back to 25 (which is not wanted of course, but would actually work for me at the moment):

public ActionResult Load([DataSourceRequest] DataSourceRequest request, string type)
        {
            List<TestItem> result = new List<TestItem>();
            if (type == "notEmpty")
            {
                for (int id = 1; id <= 100; id++)
                    result.Add(CreateTestItem(id));
            }

            request.PageSize = 25;
            return Json(result.ToDataSourceResult(request));
        }

Unfortunately, this doesn't work either. The paging will be back on again and there will be only 25 data rows loaded in the grid but there is only one single page no matter how many data rows are loaded (see attached screenshot).

Do you know about this? Unfortunately I couldn't find any help for this problem so far.

Greetings!

• Regression report
  Introduced in 2019.2.514.

Current behavior

margin-left causes selected items on second + rows in the MultiSelect to appear unaligned to the items in the first row.

Expected behavior

Reproduction

Dojo example.

What is the motivation or use case for changing the behavior?

Regression

Environment

• Kendo Ui for jQuery

Browser:

• Chrome (desktop) version XX
• Firefox version XX
• Edge version XX

Bug report

An occurrence can be deleted from the "x" button in the event's top right corner, but when it is edited a "Delete" button is not displayed in the editor.

Reproduction of the problem

Reproducible in the demos and also with editRecurringMode: "occurrence" (dojo example).

Current behavior

Delete button is not displayed.

Expected/desired behavior

Delete button is displayed.

Environment

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