Pending Review
Last Updated: 28 Mar 2025 08:41 by Michele

Hi,

I would appreciate if the GridColumnMenuCheckboxFilter will expose an event that can be intercepted when clicking the three dots.

Thank you.

Regards.

 

Unplanned
Last Updated: 31 Mar 2025 08:11 by ADMIN

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: 28 Mar 2025 16:41 by ADMIN
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?
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: 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: 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.

    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"

    Need More Info
    Last Updated: 19 Feb 2025 12:17 by ADMIN
    Title: Screen reader is not announcing the search result information on giving invalid data in the search edit field 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:
    The absence of screen reader announcements for invalid search results affects users with visual impairments, including blind and low-vision individuals, as well as users with cognitive disabilities who depend on auditory feedback to understand and correct errors, limiting their ability to use the search functionality independently.

    Observation: 
    1. This issue is observed with all three screen readers.
    2. Same issue is observed in chrome browser as well.
    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 'Save as' control present in the page and activate it using enter key.
    3. Save as dialog gets displayed.
    4. Press tab key to move to the 'workspace to be saved as in' edit field and activate it using 'Alt + down arrow key'.
    5. Enter any invalid data in the search edit field.
    6. Now Verify whether screen reader is announcing the search result information on giving invalid data in the search edit field in windows or not.
    Actual result:
    Screen reader is not announcing the search result information on giving invalid data in the search edit field in windows. Screen reader is remaining silent after giving invalid data in the edit field.
    Observation: Screen reader is narrating the displayed result information on giving valid data in the edit field.

    Refer Attachment: 
    Screen reader is not announcing the search result information on giving invalid data in the search edit field in windows..wmv

    Expected result:
    Screen reader should announce the displayed search result information on giving invalid data in the search edit field in windows. Screen reader should narrate as "No data found'.
    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

    Unplanned
    Last Updated: 06 Feb 2025 15:30 by ADMIN

    in latest v9.3.1 it appears GridFilterCell isn't passing properties shaped as 'isRequired' on DatePicker popupSettings 

    this does seem to be a regression because i just recently noticed it in latest upgrade which we need for other bug fixes.

    i pursued patching myself by populating animate in GridFilterCell.mjs which seemed to work but then i got warning for the next required property "appendTo". however, populating appendTo yields warning "Warning: Failed prop type: Invalid prop `appendTo` supplied to `Kendo React Popup`. Validation failed." so it's not easily reconcilable that way... therefore i tried removing isRequired on all 3 DatePicker popupSettings properties which of course avoided warnings and i didn't see any negative side effects.

    here is a codesandbox repro minimally tweaked to include a date field from kendo grid's "getting started" demo: https://codesandbox.io/p/sandbox/cool-sanne-d4tp85

    admittedly this is just a warning but it does create unnecessary noise in browser debug which detracts from issues truly requiring attention during development.

    screenshot with the warning from that demo repro:

    Unplanned
    Last Updated: 30 Jan 2025 13:07 by ADMIN
    Created by: Andrei
    Comments: 3
    Category: KendoReact
    Type: Feature Request
    1
    I think it would be convenient for users to scroll through tabs not only by clicking on the buttons around the edges, but also by moving their finger across the tabs themselves, which is currently unavailable.
    Unplanned
    Last Updated: 13 Jan 2025 09:07 by Vaneet
    Created by: Vaneet
    Comments: 0
    Category: KendoReact
    Type: Feature Request
    1
    Kindly help, I need onscroll event or listener to scroll  other pdf's section simultaneously, Right now there no scroll event in pdf-viewer to detect scroll position
    Completed
    Last Updated: 23 Jan 2025 18:18 by ADMIN
    Release 2025 Q1 (Feb)
    Created by: Maria
    Comments: 2
    Category: KendoReact
    Type: Bug Report
    1
    Hi,

    there seems to be an issue when changing the value of a DateTimePicker from null to a Date object and the specified format includes seconds.

    Reproduction: 

    1. Open https://stackblitz.com/edit/react-hnfuerwc?file=app%2Fapp.tsx  

    2. Choose a value from the DateTimePicker 

    Actual Behaviour
    The chosen value does not show up in the input box. Works OK in 8.5.0

    Expected Behaviour
    The chosen value should appear in the input box

    Browser
    Chrome, version 131.0.6778.205

    OS
    Windows 11
    Completed
    Last Updated: 23 Jan 2025 18:20 by ADMIN
    Created by: Brent
    Comments: 2
    Category: KendoReact
    Type: Bug Report
    0

    here's a simple repro project minimally tweaked from an original kendo demo:

    https://codesandbox.io/p/sandbox/suspicious-lovelace-8nmzgj?file=%2Fpackage.json

    just start dragging a column resize handle and you should see the "jitter" right away. in our experience, the jitter is so pronounced that resizing columns is no longer practically usable.

    please note this bug is definitely related to putting the kendo grid inside of a css-grid, see that definition in the parent <div style>

    as you may imagine, we use css-grid for our overall page layout which i believe is still modern best practice and we really hope you can fix this regression within that usage context.

    note, the bug manifests regardless of the gridTemplateAreas or gridTemplateColumns, you can eliminate those entirely and it's still present.

    hopefully helpful for tracking down:  it appears this started exactly in version "@progress/kendo-react-grid": "9.0.0-develop.11"... notice if you change back to @progress/kendo-react-grid v9.0.0-develop.10 the columns will no longer jitter upon resize.
     
    gif video attached just to be sure the issue is clear
    Unplanned
    Last Updated: 19 Dec 2024 15:44 by ADMIN
    Created by: JeffSM
    Comments: 1
    Category: KendoReact
    Type: Feature Request
    0
    Please would be great a control to read QRCode.
    Unplanned
    Last Updated: 18 Dec 2024 16:43 by Mark
    Created by: Mark
    Comments: 0
    Category: KendoReact
    Type: Feature Request
    1

    It would be ideal if toODataString could take an additional parameter that:

    1. Takes a collection of expressions,
    2. Each expression takes an Operator and Value,
    3. Each expression returns a string or undefined, where the latter suggests we wish to suppress this expression.

     

    Unplanned
    Last Updated: 10 Dec 2024 19:28 by ADMIN
    Created by: Matthew
    Comments: 1
    Category: KendoReact
    Type: Feature Request
    1

    Hello! Is it possible to not show a room if there is no meeting on that day while simultaneously showing it on a different person because they have a meeting on that day? In the image below, I edited the data so Peter no longer had a meeting in room 2. Is it possible to get it to show Peter with just the meeting room(s) that they has data for, while keeping Alex with all the rooms that they have data for?

    Peter -> Meeting Room 1 

    Alex -> Meeting Room 1 AND Meeting Room 2

     

    I think this would be a great feature to have. Lets say I have 100 students and/or 100 meeting rooms and all have a different days/times when they are needed. If there was a way to show ONLY what is being booked, or show ONLY what is free, that would be a fantastic feature for users and developers alike. 

    https://stackblitz.com/edit/react-fuflvh-dwgfvu?file=app%2Fapp.tsx

    Unplanned
    Last Updated: 17 Dec 2024 11:04 by ADMIN
    Created by: Daniel
    Comments: 1
    Category: KendoReact
    Type: Feature Request
    1

    A json-file is needed to use localization in Kendo React. It's a lot of work to maintain these files when there are new versions. It's difficult to know which keys have been added, changed or removed.

    One way that would really help is if you create a way for us to upload our custom-json and then it adds the missing translations, remove those that you have removed, and update the names of those that has been renamed.

    Another better way might be that you collect the translation for different languages and let us download them. That way you can also keep them up to date.
    1 2 3 4 5 6