Last Updated: 30 Jun 2022 12:51 by ADMIN

We are using the latest version (5.4.0) of the "Classic" SASS theme for Kendo UI and override several scss variables to adapt the grid's look&feel to our requirements. One thing we did was setting $grid-header-padding-x and $grid-header-padding-y to 2px each.

If the content of the grid header is long enough to be truncated, sorting indicators etc. are partially moved out of the cell.

Since I cannot modify scss variables in DOJOs, I have tried to apply CSS styles to simulate the behavior:

As you can see, the th element applies some padding that .k-cell-inner removes again. On the right side, however, the negative margin is bigger than the padding added by the th element which causes the content to move out of the cell.

Last Updated: 30 Jun 2022 06:38 by Michael D
Created by: Michael D
Comments: 6
Category: Kendo UI for jQuery
Type: Bug Report

The Popup widget has a"collision" setting that is documented here: The documentation states the following:

If two words are used, the first one applies to the horizontal dimension and the second one - to the vertical dimension.

However, the first word sets the vertical behavior and the second word sets the horizontal behavior. This can be seen in the following DOJO: The popup uses a configuration with its collision set to "flip fit". Still, when resizing the window horizontally (making it less wide), the popup slides under the input control instead of flipping to the other side. When resizing the window vertically (making it less high), the popup flips to the upper side of the input control once the space below is becoming too small.

In my understanding, the exact opposite behavior is expected.

Last Updated: 27 Jun 2022 06:16 by ADMIN

The Kendo UI Toolbar widget supports adding SplitButtons that can contain several options. By default, the dropDown with the options can be opened using ALT+DOWN when the SplitButton is focused. This works as expected. According to the documentation, pressing UP or DOWN should now move the focus to the next or previous item. This happens internally, but there is no visual clue for the user. It is impossible to know which item is currently selected.

This DOJO demonstrates the bug.

Last Updated: 21 Jun 2022 06:04 by ADMIN
Created by: Michael D
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report

The problem described happens for multiple controls. For the sake of simplicity, I'll stick with the DropDownList.

As documented here, the DropDownList's "fillMode" option supports "null" as value. However, the corresponding TS typings file does not allow null. The same is true for the "rounded" and "size" options as you can see in the snippet below that was copied from "index.d.ts".

interface DropDownListOptions {
        fillMode?: string | undefined;
        rounded?: string | undefined;
        size?: string | undefined;

Note: parts of the code were omitted for brevity's sake.

A (temporary) workaround is to trick the typing system by casting manually:

fillMode: null as unknown as string | undefined

Last Updated: 09 Jun 2022 12:13 by ADMIN

As my grid edit forms have expanded past the default popup, I have been using editable template. These are bound with MVVM and work well. But not all options work via MVVM like the cascade options below. I would like to use the cascade options in this scenario. It would be great to have all configuration options available via MVVM.

            <select id="ParentID" name="ParentID"
                    style="width: 100%"
                    data-option-label="Pick PE..."
Last Updated: 08 Jun 2022 08:35 by ADMIN
Created by: Jonas
Comments: 1
Category: MVVM
Type: Bug Report

The documentation states that Non-Boolean values, such as 0, null, undefined, and "", are treated as false by the enabled binding.

However, binding to undefined does not disable the element - all other cases are working.



Last Updated: 06 Jun 2022 08:08 by ADMIN

Bug report

The "aria-setsize" attribute is missing when initializing a MultiSelect with default selected values in AngularJS

Reproduction of the problem

  1. Open this Dojo and run it
  2. Right-click on one of the initially selected items in the MultiSelect.
  3. The selected DOM element will be a "li" tag
  4. Select a new item in the MultiSelect and watch how the definition of the "li" tag will change
  5. When selecting a third element in the MultiSelect. All the three "li" tags will receive an aria-setsize="3" tag, which wasn't presented for the default selected values

Current behavior

When initializing a MultiSelect with default values, the aria-setsize attribute is missing for these values.

Expected/desired behavior

The default MultiSelect values should have an aria-setsize attribute added to their selected values


  • Kendo UI version: 2019.2.619
  • jQuery version: x.y
  • Browser: [all]
Last Updated: 06 Jun 2022 08:07 by ADMIN


I am experiencing problems with the k-ng-model binding on the DateRangePicker.

I made a Dojo example. Scenario and working / not working example included.


Last Updated: 06 Jun 2022 08:03 by ADMIN

Bug report

Incell edit mode of the Kendo UI TreeList requires 2 clicks to enter edit mode. The issue can be replicated only when any of the columns have a template and the widget is used in AngularJS environment.

Reproduction of the problem

1. Create a TreeList widget, set the incell edit mode, and set a template for any of the columns.

2. Edit one cell and directly click on the next one - it requires 2 clicks to open for edit.

Sample for reproduction:


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

Last Updated: 06 Jun 2022 07:53 by ADMIN
Created by: Emily
Comments: 1
Category: Grid
Type: Bug Report

Bug report

When applying GroupPaging with local data using a Kendo UI Grid with AngularJS, the error message Uncaught TypeError: Cannot read property 'hasSubgroups' of undefined' appears upon expanding a parent row.

Reproduction of the problem

  1. Go to this Progress Kendo UI Dojo.
  2. Attempt to expand the row.

Current behavior

Currently, the UID for the group is not matching the group row's UID, and the error message appears.


  • Kendo UI version: 2021.1.224
Last Updated: 16 May 2022 06:38 by ADMIN
Created by: Reinhard
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report

Hello Telerik Team,

we at COPA-DATA have a supposed problem with the results of the Whitesource Scanner.

According to Whitesource the Kendo UI LIbrary is including a Sub Library called "DocSuitePA".

According to Whitesource this is the Library Owner:

Release Date
Download Link

This Library is released under "European License 1.2" terms, which means for us a commercial distribution is not possible.

Could you please verify if this is a false / positive of the White source scanner or if this is an real issue inside the KendoUI Library.

Best Regards

Reinhard Mayr



Last Updated: 02 May 2022 05:40 by ADMIN
Created by: Michael D
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report

The ContextMenu widget supports navigating from one item to another using the up/down arrow keys. If an item is focused, it receives the "k-state-focused" class and highlights the item visually. However, as soon as this or any other item is hovered, all focus classes are removed and therefore the highlight disappears. When pressing the arrow keys again, it reappears again, but the focus always starts moving from the hovered item instead of the most recently focused item.

This behavior can be reproduced in the following DOJO:

  • Open the contextMenu
  • Press the "arrow down" key until e.g. "Item 4" is focused
  • Hover e.g. "Item 2" with your mouse, but do not click anything (now the focus disappears)
  • Press the "arrow down" key again (now "Item 3" is focused, although "Item 5" would be expected to be focused)

Unfortunately, we currently don't really see any way to fix this without directly modifying Kendo code or rebuilding the entire keyboard navigation ourselves, because the contextMenu keyboard navigation does not seem to set the DOM focus at all, but works with CSS-classes only.

Do you have any suggestions?

Last Updated: 18 Apr 2022 07:54 by ADMIN

Hi Kendo Team,

After updating to version 2022.1.301 we noticed that the multiselect fields would look broken in some situations.

If the text of a selected item is longer than the line, the text of the new 'chip' will break into a new line.
The chip itself though keeps its fixed height of 24px resulting in an unreadable entry. (see attached image).
This only seems to be an issue in less themes.

We managed to reproduce this behavior in a dojo:

You can see that in the second field we managed to fix this by modifying the styles of k-chip:

.k-chip {
    line-height: 17px;
    min-height: 24px;
    height: auto;



Last Updated: 13 Apr 2022 12:01 by ADMIN
Created by: James
Comments: 1
Category: Grid
Type: Feature Request
At the moment, Remote Validation on the grid does not work with incell editing.

I would like to see this restriction removed.

Normal validation works with incell editing; however, the remote does not. I should not have to change the appearance and functionality of the grid from incell to to inline just because the standard validation is insufficient.

I appreciate that this is not an easy change, but hope you are able to give it some priority.
Last Updated: 06 Apr 2022 14:02 by ADMIN
Created by: Jonas
Comments: 0
Category: Globalization
Type: Feature Request
We are using you "number formatting API" ( to display the numbers on our webpage.   

For that, your API works fine as long as we round the numbers. E.g.: 

kendo.toString(10.12, "n0"); //  will result in 10
kendo.toString(10.99, "n0"); //  will result in 11
But we have some use-cases where we have to cut/truncate the number so that:

kendo.toString(10.999, "n0"); // SHOULD result in 10
Here we just want to cut all decimals without any rounding, but I canĀ“t find this option in your API documentation !!
I think this is a very basic use-case which should be handled by your low level API !
Last Updated: 06 Apr 2022 13:50 by ADMIN
Created by: Otto Neff
Comments: 2
Category: Data Source
Type: Feature Request
see Ticket ID: 981260

var dataSource = new{
      type: "odata-v4",       

works correct, but if you just define parameterMap
the payload of parameters is not "odata-v4" it changes to old odata
with this:

var dataSource = new{
        type: "odata-v4",
        transport: {
            parameterMap: function(data)
                return data;

This feels like I set dataType JSON for transport, and if I just define beforeSend in Ajax Request,
I suddenly becomes XML just by defining a overwrite function.
Last Updated: 31 Mar 2022 07:59 by ADMIN
Created by: Thomas
Comments: 8
Category: Dialog
Type: Feature Request
Please support Kendo Dialog draggable option just like kendo window does. I don't see any reason why this option is not supported.
Thank you.
Last Updated: 25 Mar 2022 11:03 by Priya

                    url: "/ProductRowInfoSite/SaveParameters",
                    data: {
                        data: dataString
                    dataType: "json",
                    // "jsonp" is required for cross-domain requests; use "json" for same-domain requests
                    success: function (result) {
                        // notify the data source that the request succeeded
                        self._store.dispatch({ type: ActionProductInfoWindow.Saving });

                       // $(self._parent + " " + "#productWindowGridId").data("kendoGrid").saveChanges();

                        if ($ (self._parent === "#productGridId")) {
                        //var dataSource = $("#productGridId").data("kendoGrid").dataSource;
                        //var filters = dataSource.filter();
                        //var allData =;
                        //var query = new;
                        //var data = query.filter(filters).data;

                        //$("#productGridId").data("kendoGrid").dataSource = data;

                        //let productGrid = $("#productGridId").data("kendoGrid");

                    error: function (result) {
                    type: 'POST'
Last Updated: 11 Mar 2022 10:25 by ADMIN

Using setDataSource method on a working DropDownTree, with same initial settings leads to not working clea button and not expanding a collapsed node. 


Steps (clear button):

1. Open dojo and check that everything works correctly

2. Click reload button (calls setDataSource)

3. Clear all button does not work and cannot deselect the item from the tag's clear button.


Steps (expand):

1. Open dojo and open popup to see everything expands as expected

2. Click reload

3. Open popup

4. The last (initially collapsed) node cannot be expanded.

1 2 3 4 5 6