Pending Review
Last Updated: 24 Mar 2025 08:54 by David

As per the subject. This can be observed in the following StackBlitz which is forked from the Telerik documentation on resizing with three small changes:

  • Remove style={{ height: '400px' }} from the Grid component in app.tsx
  • Remove height: 100%; from my-app style in index.html
  • Remove height: 100%; from html, body style in index.html

https://stackblitz.com/edit/react-vajzshwv?file=app%2Fapp.tsx,index.html

Logged as a bug because there is nothing in the documentation stating that a height for the Grid or Grid container must be set in order for this to work. If this is a documentation issue rather than a code issue, please advise the recommended approach for using the Grid resizable property.

Need More Info
Last Updated: 22 Mar 2025 06:38 by Andrei
When I change the width of the component, I expect that the state of the buttons (active/locked) will change depending on the scroll position, but this does not happen. For example, if the component did not scroll and both buttons are locked, then when the width is reduced, they will also remain locked. I think this is a mistake. Is there a way around this problem?
Pending Review
Last Updated: 18 Mar 2025 15:05 by Maria

Hi,

I have run into an issue when trying to input a date value where its parts contain a leading 0. The autoCorrectPaths option is set to false and I have specified a date format in my datePicker component. 

Reproduction:

1. open https://stackblitz.com/edit/react-wz6zocpe?file=app%2Fapp.jsx

2. try to input a date by typing 09, then 03, then 2025

Expected behaviour:

The date in the input field should be "09.03.2025"

Actual behaviour:

The date in the input field is "day.09.2000"


Completed
Last Updated: 13 Mar 2025 11:52 by ADMIN
Created by: Alexander Green
Comments: 3
Category: Switch
Type: Feature Request
3

Currently, the onLabel and offLabel properties can only be set to string values. There should be an option that allows setting icons for the Switch component.

 

Duplicated
Last Updated: 13 Mar 2025 11:36 by ADMIN

Hi,

We prefer to have keyboard up/down cursor correspond to navigating input focus up/down a row in the KendoReact Data Grid.

We are already successfully using custom GridColumn Cells to render inputs at all times in tandem with a Grid.onKeyDown handler that finds the next input to set focus.

(for anyone interested this only took a few lines of code to implement a dom navigation heuristic that finds the column index of the nearest TD via onKeyDown event.nativeEvent.target.closest("td") and then finds the corresponding td to that same column index in the next TR up or down, and then hits the first nested native html <input> found to call focus() -  this seems simple and durable to variances in nested components as long as there is a native input to be found, hence the need to render inputs at all times... which does run counter to the approach i saw represented in the KendoReact demos based on setting a particular dataitem's "inEdit" property which wasn't the look we were going for =)

The above cursor navigation is working but before it kicks in, inputs like the DateTimePicker are also taking a cursor up/down to change the date segment that currently has focus - and this doesn't seem to be optional behavior yet?

I believe the fundamental challenge to any dom "wrapper" approach is by the time an outer dom element receives onKeyDown it's too late for event.preventDefault or event.stopPropagation to hide it from the inner input element (the native kendoreact inputs in this case).

Hence the ask here to have an option to ignore that at on the individual KendoReact input components.

With previous KendoReact component builds (e.g. 8.2.0) we successfully proved "patch-package" various subcomponents of DateTimePicker, NumericTextBox and MultiSelect to prevent them from responding to up/down cursor events.

Of course patch-package approach is fragile to upgrades and sure enough recent need to take @progress/kendo-react-dateinputs@9.1.0-develop.6 to get into DateTimePicker formatPlaceholder bug fixes broke previous patches, highlighting need for more resilient fix.

I've attached the latest patch-package files to give precise reference to what keyboard events we're interested in disabling.


I'm assuming this is a feature request and happy to have it reallocated to a support ticket... but wanted to post it in open forums in case community might have alternative suggestions to achieve what we're looking for?

Maybe other approaches to what seems like it could be a general html nested component strategy pattern?

For instance, I'm hesitant to pursue any removeEventListener based approaches for fear of how that might conflict with how i vaguely understand react is continually recreating dom elements upon each render cycle, so i'd be open to encouragement in that direction if anyone has experience to share?

Also wondering if this falls into the realm of "accessibility" and maybe there's already ways to disable accessibility? (as negative as that sounds).

Declined
Last Updated: 13 Mar 2025 09:38 by ADMIN

@progress/kendo-react-inputs@9.0.0

going back to this ticket, we'd like to use CTRL+up/down for our own purposes... as such, you can now disregard that feature request in lieu of fixing this bug =)

since this is undocumented behavior (documentation screenshot below) i believe we have a legitimate bug claim.

also, other controls like DateTimePicker reliably ignore the CTRL+up/down while implementing bare up/down as documented.

 

Unplanned
Last Updated: 12 Mar 2025 09:16 by ADMIN
Created by: David
Comments: 1
Category: Data Grid
Type: Bug Report
1

As stated in the subject, the GridNoRecords component has an undocumented maximum width of 20em after which the GridNoRecords message is cut off. Please see the following StackBlitz for an example: https://stackblitz.com/edit/react-2z8hh63r?file=app%2Fapp.tsx

Kind regards,

David

Unplanned
Last Updated: 12 Mar 2025 07:26 by ADMIN
Created by: Daniel
Comments: 1
Category: Data Grid
Type: Feature Request
0

The new Built-in State Management does not work with remote data. 

For example:

PageSize = 40.
Remotely fetch 40 items.
Click on page 2.
Remotely fetch 40 items.
The grid shows no items, since items 41-80 does not exist in the data provided.

Verified with support who suggested adding a feature request.

Unplanned
Last Updated: 11 Mar 2025 09:08 by ADMIN
Created by: Oleksii
Comments: 1
Category: TreeList
Type: Feature Request
0

Problem: DataResult isn’t supported

Why do we complain about this: 
We want to use virtual scroll functional, but without DataResult support we have to load all items at once (data is pretty massive), which produce unnecessary overload of network.

Does it supported by other components or implementations: Angular TreeList, React Grid

Completed
Last Updated: 07 Mar 2025 13:46 by ADMIN
Release 2025 Q1 (Feb)

As stated in the subject. To reproduce:

npx create-react-app my-app --template typescript
  • Change the react and react-dom dependencies in the generated package.json file from ^19.0.0 to ^18.0.0, add corresponding "@types/react": "^18.0.0" and "@types/react-dom": "^18.0.0" entries to devDependencies, and add a standard tsconfig.json file e.g.
{
    "compilerOptions": {
      "target": "es6",
      "lib": [
        "dom",
        "dom.iterable",
        "esnext"
      ],
      "allowJs": true,
      "skipLibCheck": true,
      "esModuleInterop": true,
      "allowSyntheticDefaultImports": true,
      "strict": true,
      "forceConsistentCasingInFileNames": true,
      "noFallthroughCasesInSwitch": true,
      "module": "esnext",
      "moduleResolution": "node",
      "resolveJsonModule": true,
      "isolatedModules": true,
      "noEmit": true,
      "jsx": "react-jsx"
    },
    "include": [
      "src"
    ]
  }
npm i @progress/kendo-react-grid @progress/kendo-data-query @progress/kendo-react-data-tools @progress/kendo-react-inputs @progress/kendo-react-intl @progress/kendo-react-dropdowns @progress/kendo-react-dateinputs @progress/kendo-drawing @progress/kendo-react-animation @progress/kendo-licensing @progress/kendo-react-buttons @progress/kendo-react-treeview @progress/kendo-react-popup @progress/kendo-svg-icons @progress/kendo-theme-default
  • Delete content generated by create-react-app which is not required e.g. App.test.tsx, logo.svg, reportWebVitals.ts, setupTests.ts and corresponding references
  • Confirm you can run npm start with no webpack errors or warnings (see screenshot)
  • Add a <Grid> with <GridNoRecords> to App.tsx e.g.
    <div className="App">
      <header className="App-header">
        <Grid>
          <GridNoRecords>This generates TS2786</GridNoRecords>
        </Grid>
      </header>
    </div>

Confirm that npm start results in error TS2786 (see screenshot).

Please see attached for the sample project (with the node_modules folder removed). I believe this error was introduced in v9.0.0 as part of the migration from classes to functional components.

 

Unplanned
Last Updated: 06 Mar 2025 13:47 by ADMIN
Created by: Andrei
Comments: 2
Category: Gantt
Type: Feature Request
1
We need do display large amout of tasks simultaneously (up to 10000) so virtualization is a crucial feature for us for performance reasons. But for now it is not possible to enable it via Gantt component public API  (If I am not mistaken, Gantt uses GanttTreeList component internally very similar to TreeList with Virtual Scrolling support out of the box).
So the question is why virtualization is not supported by React Gantt component ? Is it possipbe to enable it as it seems as a very usefull and popular feature for enterprise applications?
Unplanned
Last Updated: 06 Mar 2025 12:51 by ADMIN
Created by: Sergei
Comments: 8
Category: KendoReact
Type: Feature Request
26

Hello,

We are currently developing an application based on Kendo React components.
We are wondering if the React-Gantt chart has the functionality to edit the data by drag-n-drop the same way it possible with JQuery-Gantt (see attachment).

Thanks in advance for your help.

 

Kind regards,
Sergei

Unplanned
Last Updated: 27 Feb 2025 11:38 by ADMIN
Created by: Manjula
Comments: 1
Category: KendoReact
Type: Feature Request
3

Hi Team,

We are using data-grid along with excel export for showing lakhs of data (sometimes over 20 lakhs) in our app and over 80 columns.  We found a the TIME TAKEN is over 2.5 mins for over 10 lakhs (rows*cols) data. We have tried the KendoOmxml with kendo saveAs function from file-saver as well.

I have tried with server-side export instead of client-side aslo and still it's the same behavior. In my observation I am suspecting the below line. 


 component.toDataUrl().then((dataURL) => {

Here component is the reference of ExportExcel component. After getting dataURL I am calling save api to download the file. But toDataUrl() function is taking the whole time. Is there any way we can get this base64 dataURL faster?

 

You can refer to the codeSandbox Link. We have 80 columns(including duplicates), while importing productsSmall.json file which contains 77 rows, export excel is working well and good. But when you change the import to productsLarge.json file which contains 10,000 rows (if cannot be seen, please copy paste the dummy data from attached file with even more usual amount of data we use in our app), the screen is stuck or takes too much time to get process complete and sometimes it throws error(maybe because of codesandbox incapability).

Stackblitz link (if codesandbox hangs more) https://stackblitz.com/edit/react-q5wlpg-4bs2zc?file=app%2Fmain.tsx

We have a large number of customers requesting this feature to be fast. Please let us know with an optimized solution. 

Regards,

Manjula

Duplicated
Last Updated: 27 Feb 2025 11:31 by ADMIN

Drag-and-Drop editing is a very usefull and required functionality in a lot of enterprise apps (Move/resize tasks along the timeline, adjust completion percentage, dependencies editing).
We noticed these features are (maybe partially) available in the Kendo Gantt components for (at least) jQuery and Angular.
Are there plans to introduce similar functionality in the KendoReact Gantt component? If so, could you share a timeline for implementation? Or maybe you can suggest some workarounds? 

We’d greatly appreciate your insights on this point, as it's critical to our evaluation process.

Need More Info
Last Updated: 21 Feb 2025 09:36 by ADMIN
Title: Visually appearing heading text 'Create Text Widget' is not programmatically defined as heading.

Test Environment:
 
OS: Windows 11 Enterprise Insider Preview Version 24H2(OS Build 26100.2892)
Browser: Microsoft Edge Version 132.0.2957.140, Chrome Version 133.0.6943.54
Tools: F12 Developer Tools /Accessibility insights for web.

User Impact:
 
The absence of a programmatic heading for the visually displayed "Create Text Widget" impacts blind and low-vision users who rely on screen readers to quickly identify and navigate to key sections. It also affects users with cognitive disabilities, who depend on clear, structured headings for better understanding and easier navigation.

Observation:
  1. Same issue is observed for the below two dialogs.
    1. Visually appearing heading 'Import Workspace' is not defined as heading programmatically. [Path: Home page-->activate 'Hamburger' menu-->Import workspace--> Popup] (Refer Attachment: Note_1_Visually appearing heading 'Create Workspace' is not defined as heading.png.)
    2. Visually appearing heading 'Create Workspace' is not defined as heading programmatically. [Path: Home page-->activate 'Hamburger' menu-->Add new workspace--> Popup] (Refer Attachment: Note_2_Visually appearing heading 'Import Workspace' is not defined as heading.mp4).
Pre-Requisites:
  1. Turn on Accessibility insights for web extension.
  2. Navigate to the headings toggle control and turn it on.

Repro Steps:
  1. Open the URL: Agora Home Page (PPE) in latest edge browser.
  2. 'Agora home page (PPE)' will be displayed.
  3. Navigate to 'Add a widget' control using tab key and activate it using enter key.
  4. Navigate to 'Mark down' control in the list displayed using tab key and activate it using enter key.
  5. 'Create text widget' dialog gets displayed.
  6. Observe and verify whether visually appearing heading text 'Create Text Widget' is programmatically defined as heading or not.

Actual Result:
 
Visually appearing heading text 'Create Text Widget' is not programmatically defined as heading.

Refer Attachment: 
Visually appearing heading text 'Create Text Widget' is not programmatically defined as heading..wmv

Expected Result:
 
 
Visually appearing heading text 'Create Text Widget' should be programmatically defined as heading level 2.
Ensure that heading structure should be logical in the page i.e., it should follow h1->h2->h3->h4->h5->h6.

Unplanned
Last Updated: 19 Feb 2025 17:56 by JeffSM

The DatePicker and DateInput React components miss the customizable button to clear the date value.

 

Would be nice to have ability to customize the icon, size, margins and a selectable option to clear the date value to null or a default value (as set to the component) or bind a custom event handler.

 

Unplanned
Last Updated: 19 Feb 2025 12:59 by ADMIN
Created by: Mahesh
Comments: 1
Category: KendoReact
Type: Feature Request
0

Hi Team,

I am writing to inquire about modifying the default behaviour of the Kendo UI Menu component. The sub-menu items are displayed when hovering over the parent menu item. However, I require the sub-menu items to be visible only when the parent menu item is clicked.

Desired Behavior:

Sub-menu items should remain hidden by default.
Clicking on the parent menu item should expand the sub-menu and display the child items.
Clicking on another parent menu item should collapse the previously expanded sub-menu and expand the new one.
Implementation Challenges:

I have explored the Kendo UI documentation and API, but I am unable to find a direct configuration option to achieve this desired behaviour.

Could you please provide guidance on how to modify the Kendo UI Menu component to display sub-menu items only on click of the parent menu item?

Please let me know if you require any further information or if there are any examples available that demonstrate this functionality.

Reference URL - https://stackblitz.com/edit/react-zugkrezk?file=app%2Fapp.jsx,app%2Fapp.css 
Reference Ticket - https://www.telerik.com/account/support-center/view-ticket/1679073 

Thank you for your time and assistance.
Mahesh

Need More Info
Last Updated: 19 Feb 2025 12:21 by ADMIN
 Title: Incorrect role as link is defined for the 'Filter' button in Windows.

Test Environment: 
OS: Windows 11 Version 24H2(OS Build 26100.2161)
Browser: Edge Version 131.0.2903.112 (Official build) (64-bit)
Screen Readers: Narrator, NVDA Version 2024.4.1, JAWS 2025.2412.50
    User Impact:
    Screen Readers users will not be able to understand the purpose of the control if Screen Reader is announcing incorrect role for the Filter button in Windows.

    Observation:
    1. This issue is observed with (NVDA, JAWS and Narrator) using down arrow key/Tab key.
    Pre-Requisite:
    1. Press F12 key to open the developer tool and inspect the code.
    Repro Steps:
    1. Open URL: https://demos.telerik.com/kendo-ui/grid/filter-menu-customization in Edge browser.
    2. Navigate to the Filter icon present in the city/Title/Birth date column header.
    3. Press F12 to open Dev tool and inspect the code for Filter button.
    4. Observe whether correct role is defined for "Filter" button or not.
    Actual Result:
    Incorrect role as link is defined for the 'Filter' button.

    Observation: 
    Keyboard focus is not moving to the filter icon. 
    Screen reader is announcing as 'Link city filter column settings'.

    Attachment Name: Incorrect role as link is defined for the 'Filter' button in Windows..mkv

    Expected Result:
    Correct role as 'Button' should be defined for the Filter button.
    Keyboard focus should move to the Filter button and Screen reader should announce as 'City Filter button column settings'.
    Need More Info
    Last Updated: 19 Feb 2025 12:21 by ADMIN
    Title: Visually appearing heading text 'Create Dashboard' in the dialog is not programmatically defined as heading.

    Test Environment:
     
    OS: Windows 11 Enterprise Insider Preview Version 24H2(OS Build 26100.2892)
    Browser: Microsoft Edge Version 132.0.2957.140, Chrome Version 133.0.6943.54
    Tools: F12 Developer Tools /Accessibility insights for web.

    User Impact:
     
     
    The lack of programmatic heading for the visually displayed "Create Dashboard" in the dialog affects blind and low-vision users who rely on screen readers to navigate and quickly locate key sections. It also impacts users with cognitive disabilities, who depend on well-structured headings for easier understanding and navigation.

    Observation:
     
    1. Same issue repro on heading 'Workspaces & Dashboards' [appears on Home --> Header--> Hamburger menu--> Popup] (Refer Attachment: Note_1_Same issue repro on heading 'Workspaces & Dashboards'..mp4).
    2. Heading hierarchy is not sequential in the Home page.
    Pre-Requisites:
    1. Turn on Accessibility insights for web extension.
    2. Navigate to the headings toggle control and turn it on.

    Repro Steps:
    1. Open the URL: Agora Home Page (PPE) in latest edge browser.
    2. 'Agora home page (PPE)' will be displayed.
    3. Navigate to 'Hamburger' menu control using tab key and activate it using enter key.
    4. 'Workspace and dashboards' popup will be displayed.
    5. Navigate to 'Add dashboard' control in the list displayed using tab key and activate it using enter key.
    6. 'Create Dashboard' dialog gets displayed.
    7. Observe and verify whether visually appearing heading text 'Create Dashboard' in the dialog is not programmatically defined as heading or not.

    Actual Result:
     
    Visually appearing heading text 'Create Dashboard' in the dialog is not programmatically defined as heading.

    Refer Attachment: 

    Expected Result:
     
     
     
    Visually appearing heading text 'Create Dashboard' in the dialog should be programmatically defined as heading level 2.
    Ensure that heading structure should be logical in the page i.e., it should follow h1->h2->h3->h4->h5->h6.

    Need More Info
    Last Updated: 19 Feb 2025 12:19 by ADMIN
    Title: Screen reader is announcing incorrect name for the radio buttons present in the filter dropdown in windows.

    Test Environment: 
    OS: Windows 11 Enterprise Insider Preview Version 24H2(OS Build 26100.2892)
    Browser: Microsoft Edge Version 132.0.2957.140, Chrome Version 133.0.6943.54
    Screen readers: NVDA (2024.4.2), JAWS (Version 2025.2412.50) and Narrator.

    User Impact:
     
    This issue impacts visually impaired users who depend on screen readers to navigate the website, as the incorrect announcement of filter options may prevent them from selecting the right choices, hindering their ability to interact with the dropdown.

    Observation: 
    1. This issue is observed with all three screen readers.
    2. Same issue is observed in chrome browser as well.
    3. Name is not properly defined for once control. Screen reader is narrating the name twice for the once control as "Once check box not checked report frequency: once"
      Path: Home > Header > Reports > Schedule a report button > Schedule a Report pop-up.
      Refer Attachment: Name is not properly defined for once control.png
    Pre-Requisite:
      1. Turn on Screen Readers:
        1. Narrator: Win + Shift + Enter
        2. NVDA: Ctrl + Alt + N
        3. JAWS: Ctrl + Alt + J
      2. Verbosity:
        1. Narrator: Default
        2. JAWS: Beginner, Highest
        3. NVDA: Default
    Repro steps:
    1. Open the URL: Agora Home Page (PPE) in latest edge browser.
    2. Press tab key to move to the 'Alerts' control present in the page and activate it using enter key.
    3. 'Alert Definitions' page gets displayed.
    4. Press tab key to move to the 'Functions? Filter' control and activate it using 'Enter key'.
    5. Navigate through the radio buttons in the displayed popup using arrow keys and verify whether screen reader is announcing incorrect name for the radio buttons present in the filter dropdown in windows or not.
    Actual result:
    Screen reader is announcing incorrect name for the radio buttons present in the filter dropdown in windows. Screen reader is announcing as "Function? Filter radio button checked 1 of 2"

    Refer Attachment: Screen reader is announcing incorrect name for the radio buttons present in the filter dropdown in windows..wmv

    Expected result:
    Screen reader should announce correct name for the radio buttons present in the filter dropdown in windows. Screen reader should announce as "Is true radio button checked 1 of 2"

    1 2 3 4 5 6