Last Updated: 19 Jun 2024 20:20 by ADMIN

Hi, Keyboard navigation using "page down" and "page up keys" doesn't work.

Here is a stackblitz where the problem can be reproduced: https://stackblitz.com/edit/react-q9n5fe?file=app%2Fmain.tsx
Reproduction steps:

  1. Click inside the grid
  2. Press "Page down" or "Page up" - doesn't work

It only works when:

  1. Click outside of the grid
  2. click on vertical scroll bar without selecting any grid cell.
  3. Press"Page down" or "Page up" - it works.

Best Regards


Last Updated: 19 Jun 2024 01:02 by ADMIN
Created by: Revanth
Comments: 2
Category: KendoReact
Type: Feature Request

Hi Team,


For MenuItem target="_blank" feature is not there. Please enable the same. which will be helpful as menu is the face of app.




Last Updated: 06 Jun 2024 06:43 by ADMIN
Created by: David
Comments: 6
Category: KendoReact
Type: Feature Request


I would like to be able to specify a Grid Column template for the data without having to replicate the entire cell and its properties. Please see below for justification:

Consider the following example of KendoReact Grid Cell customisation: https://www.telerik.com/kendo-react-ui/components/grid/styling/#toc-adding-custom-cells

Following this approach results in the loss of a lot of properties from the grid cell compared with 'default' cells e.g.

<td colspan="1" class="" role="gridcell" aria-colindex="1" aria-selected="false" data-grid-col-index="0">Chai</td>
<td style="background-color: rgba(55, 180, 0, 0.32);">18 <span class="k-icon k-i-sort-asc-sm"></span></td>

These properties are important for many reasons including accessibility. There is another example of KendoReact Grid Cell customisation that preserves these properties here: https://www.telerik.com/kendo-react-ui/components/grid/cells/#toc-customization


<td colspan="1" class="" role="gridcell" aria-colindex="4" aria-selected="false" data-grid-col-index="3">39</td>
<td colspan="1" role="gridcell" aria-colindex="5" aria-selected="false" data-grid-col-index="4" style="color: red;">false</td>

However, there is a considerable amount of code required to achieve this:

const CustomCell = (props) => {
  const field = props.field || "";
  const value = props.dataItem[field];
  const navigationAttributes = useTableKeyboardNavigation(props.id);
  return (
        color: value ? props.myProp[0].color : props.myProp[1].color,
        [GRID_COL_INDEX_ATTRIBUTE]: props.columnIndex,
      {value === null ? "" : props.dataItem[field].toString()}

I would like to be able to define a template for a cell without having to specify these properties every time.

Kind regards,


Last Updated: 04 Jun 2024 11:47 by ADMIN
Created by: Marcu
Comments: 5
Category: KendoReact
Type: Bug Report


We are encountering an issue with duplicate entries in our Kendo Grid with drag & drop functionality. When the grid is scrolled, clicking on any of the header cells multiple times results in the first entry being duplicated. This problem occurs on the example provided on your website as well: Kendo React Grid Row Reordering

Reproduction Steps:

  1. Scroll down within the grid.
  2. Click on any header cell multiple times.
  3. Scroll back to the top of the grid.

You will notice that the first entry is duplicated multiple times. It appears that the reorder logic is being triggered when a header cell is pressed.

We are using version 6.1.0. Please refer to the attached video for a visual representation of the issue.

Thank you for your assistance.

Last Updated: 28 May 2024 08:08 by ADMIN
Scheduled for 2024 Q3 (Aug)
Created by: Owen
Comments: 3
Category: KendoReact
Type: Bug Report

When typing into a date picker and trying to type Feb 29th, 2024 (or any other leap year ofc) the date is updated incorrectly by the kendo date picker validation. As the user types the year their previous entry of 29 is updated to 28. This should update check should probably not occur until the user is done updating the input. If there is some fix or workaround we can do on our end to resolve this issue please let us know

Here's a video of the bug in our application

However, I was also able to reproduce the exact same behavior even in the documentation:

Last Updated: 27 May 2024 15:32 by ADMIN
Created by: Jessica
Comments: 1
Category: KendoReact
Type: Feature Request
It would be extremely useful to have data validation at the cell level on the spreadsheet, similar to Excel where we can restrict input to certain types of data, be it number, string, date, etc., and custom error handling to go along with it. 
Last Updated: 23 May 2024 11:26 by ADMIN
Created by: Glen
Comments: 5
Category: KendoReact
Type: Feature Request


Please build a React component for TreeMap similar to https://demos.telerik.com/aspnet-ajax/treemap/overview/defaultcs.aspx

Last Updated: 26 Apr 2024 09:55 by ADMIN
We have implemented an editable Scheduler, and we need to make a development related to the selection of events within the calendar. We need support to know how to consult the events that are selected, and how to detect selection changes in these, in order to mantain a list of "active selections".

We are not able to find where is stored the information about which events are selected. We have found information about overloading the Scheduler prop editItem with a CustomEditItem and overriding this event to detect when a task is selected.

  const handleClickAction = (event) => [
      type: event.syntheticEvent.shiftKey
        : ITEMS_SELECT_ACTION.select,

With this we could detect when a certain event is selected. But we are still missing the part about when they are unselected. If we click outside the events, we get the selection removed, but we have no way to detect the event of this, and therefore we can't update our list of selections.

Can you give us support on how we can get the information about the selections, and keep it updated at all times? Thank you,

Last Updated: 11 Apr 2024 11:10 by ADMIN
  1. open the given URL using valid credentials.
  2. Navigate to 'Reply' button and invoke it.
  3. Navigate to 'table' button and invoke it.
  4. Now, try to navigate to table cells to select the size of the table and observe

Actual Result:

After invoking 'table' button, user is unable to select the size of the table i.e, Keyboard focus is not going to 'Insert row and column cell components.

Tab index property is not defined.


Control(s) must be accessible to keyboards and other assistive technology. Common causes of this problem include a) the element does not have a proper role assigned, b) the element needs tab-index="0" attribute to be focusable, or c) the component is not registering keypresses.  

User should be able to navigate to insert row and column cell components to select the size of the table.

User Impact 
When interactive components are not accessible, assistive technology users are blocked, which leads to everything from inaccessible content, features, and functionality, up to entire applications or sites. 

Under Review
Last Updated: 10 Apr 2024 04:25 by ADMIN
Created by: Paxcom
Comments: 2
Category: KendoReact
Type: Feature Request

in the provided video, an example of the unordered list has been taken up. But the same is applicable to the numbered list as well.

When a user tries to add a new point to an unordered list in a new line and then clicks the backspace, the unordered list remains. Pressing 'Enter' to start a new line shows the unordered list bullet points again.

Can we update it so that on   Pressing backspace to remove the unordered/ordered list should delete it entirely and should not leave any highlighting in the description box editor field.


video : https://www.loom.com/share/480debbe4f2648339ecb80cd9b6ed853?sid=3914f5dc-f477-4afd-a55d-df4a26603da7   

please go through video where i have provided , example of current behavior and expected behavior 

Last Updated: 05 Apr 2024 21:20 by Amit
Created by: Patrick
Comments: 8
Category: KendoReact
Type: Feature Request

The KendoReact Spreadsheet component has been released.

There are a few features that are missing compared to the jQuery version, and filtering rows based on column filters is one of them. 

Until this feature is added (along with context menus), we won't be able to use the Spreadsheet component for what we need to build, so we will have to continue wrapping the jQuery component. The object provided by the spreadsheet ref can filter programatically based on the (undocumented in KendoReact's docs) `range.filter()` method, but this would take a lot of time to implement what the jQuery version already has.

Last Updated: 04 Apr 2024 11:22 by ADMIN
Created by: Philip
Comments: 7
Category: KendoReact
Type: Feature Request

How to get a selected object for AutoComplete's onChange(...)?

<AutoComplete data={[{id:10, name:"test"}]} textField="name"/>
Last Updated: 29 Mar 2024 08:26 by Thomas
Created by: Thomas
Comments: 0
Category: KendoReact
Type: Feature Request
To enhance UX, it should be better that when the user clicks between the label and the checkbox/radiobutton, it actionnates the checkbox/radiobutton.

Today this is how a radiobutton is structured. 

An improvement would be to nest the input inside the label, so it does what i said above, eg. :

 <input type="checkbox" id="myCheckbox" name="myCheckbox">
 Click me to toggle the checkbox

This would greatly enhance UX and is very common in web development.
Last Updated: 20 Mar 2024 07:06 by Jan
Currently, the TimePicker and DateTimePicker do not have the toggleButton property. This prop is present for the DatePicker but it should also be present for the rest of the dateinput component to keep the API consistent.
Last Updated: 18 Mar 2024 14:09 by Filip
Created by: Filip
Comments: 0
Category: KendoReact
Type: Feature Request
A component that allows you to upload and display powerpoint files.
Last Updated: 18 Mar 2024 14:08 by Filip
Created by: Filip
Comments: 0
Category: KendoReact
Type: Feature Request
A component that allows you to upload word files and display them.
Last Updated: 14 Mar 2024 20:09 by Mia
Created by: Mia
Comments: 0
Category: KendoReact
Type: Feature Request
It would be beneficial if the TreeList could display children,  for example, in this demo, if I search for Anika Vega, I would like the tree to return Daryl Sweeney and all the children nodes of Anika:

Last Updated: 29 Feb 2024 17:14 by ADMIN
Created by: eDAD
Comments: 0
Category: KendoReact
Type: Bug Report

Environment (OS, Application, Versions):

OS Version: 22H2 (OS Build 25352.1)
Edge Dev: Version 121.0.2277.112 (Official build) (64-bit)

Repro Steps:

   1. Open https://codepen.io/oneID/pen/LYaGREP and turn on NVDA.
   2.Navigate to Populate grid and activate it using enter key.
   3.Navigate to Expand button under domain in export to excel table.
   4.Verify if the accessible name and role for the expand button is correct or not.

Actual Results:

Accessible name for the 'expand' button is not correct, Expand button is defined as link.

Expected Results:

Accessible name of 'expand' button should be sufficient for screen reader user. Accessible name should contain value available in domain as well.

Role should be defined as 'Button' as its behaving as button.

Last Updated: 01 Feb 2024 15:48 by ADMIN

This is a bug on your documentation website.

Go to https://www.telerik.com/kendo-react-ui/components/grid/ for example to see that the side panel on the left is empty in an Edge browser. It flickers then it disappears.

It works fin in Chrome and Firefox

Last Updated: 31 Jan 2024 13:35 by ADMIN

In the kendo-react-data-tools component, we want to introduce the Autocomplete behavior in Fields.
For example, in the https://www.telerik.com/kendo-react-ui/components/datatools/ link, only 3 fields ( like Name, Price and Discontinued ) were used.

In our application, we have more than 100 fields and the user has to scroll all the way down to pick the required field for applying the filter.


1 2 3 4 5 6