Hello,

there are numerous problems with navigating / scrolling on the DataGrid using keyboard keys.

Here is the test page:

https://stackblitz.com/edit/react-brdhufzd

1. Grid with navigatable=true:

- arrow keys - when you select a cell to be able to navigate and then  keep pressing down and then up, it's not posible to come back to the first record. You need to use the mouse.

- Page up/down keys work the other way round, also sometimes is not possible to come back to the first record, the scrollbar does not show the current position.

- It starts to work correctly after using the arrow keys and page up/down keys alternatively couple of times

2. Grid with navigatable=false:
- arrow,Page up/down keys and scrollbar work correctly

3. Grid with navigatable=true and nested inside Window:
- works the same way as not nested - the same problems occur

4. Grid with navigatable=false and nested inside Window:
- arrow keys move the window instead of navigating the grid
- Page up/down don't work at all

Hi,

Is there any way to configure the horizontal spacing of the Kendo React OrgChart?  When I render the chart there are huge gaps in between the cards.. I have enclosed a screenshot below.  It appears that the space given to each "column" is the same (is determined by the "widest" column, on the left in my diagram).

This is really unpleasant and unusable.  I see from Google searches that the Kendo jQuery component suffers the same problem.  I really hope you can help me resolve this or publish a fix soon.  This OrgChart component is one of the reasons I purchased the suite, and it is disappointing to uncover this problem after my trial.

thanks, Derek

I'm submitting a...

• Bug report

Current behavior

Timepicker component in adaptive mode behaves differently in version 11.0.0 (and above) compared to version 10.0.0 (and above):

• "Set" button sets value but does not close popup - one more click needed
• "NOW" button scrolls to current time, but does neither set value nor close the popup - two more clicks needed
• in the top right corner there is a button with check icon which does the only thing - closes the popup (the same as "Close" button) - it is confusing

Expected behavior

We would expect the same behavior as in the 10.0.0:

• "Set" button sets value and closes the popup
• "NOW" button scrolls to current time, sets value and closes the popup
• there are no two buttons with the same functionality

Minimal reproduction of the problem with instructions

1. Please run following link: https://stackblitz.com/edit/react-j3smansk?file=app%2Fapp.tsx,package.json and adjust app container width so that the timepicker popup is rendered in the bottom half of the screen, allowing both the popup and the editor to be visible at the same time. 
2. Repeat previous step for following link: https://stackblitz.com/edit/react-ukfuqrdy?file=package.json,app%2Fapp.tsx
3. As you can see in "app.tsx" examples are very the same (taken from https://www.telerik.com/kendo-react-ui/components/dateinputs/timepicker/adaptive-rendering), only versions of kendo-react components in "package.json" are different
4. Observe situations described in Current behavior and Expected behavior sections

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

We would like to upgrade to 11.0.0 but we do not like this behaviour because it is disturbing, confusing and requires more clicks (time) to work with it.

Environment

Browser:

• Chrome (desktop) version 138.0.7204.50 (Official build) (64-bit)
• Firefox version 140.0 (64-bit)
• Edge Version 137.0.3296.93 (Official build) (64-bit)

System:

• TypeScript version: KendoReact demos page version
• Node version: KendoReact demos page version
• Platform: Windows 10

Best regards,

Peter

Good morning,

I have seen a component within the Angular library that I would like to include in my project using React. The link to it is here:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/add-new-item

Are you able to advise on how I could implement this please?

Best wishes,

Molly

Please consider adding support for virtualization (e.g., virtual settings or similar) to the GridColumnMenuCheckboxFilter so that it can efficiently handle large datasets without performance hits.

Benefits:
 - Better performance with large datasets
 - Consistent UX with existing Kendo filtering components
 - Reduced need for custom workarounds

Hello,

My development team is working with a business that has a design requirement for each calendar in the MultiViewCalendar component to have its own month and year label.

From what I can tell by looking at the documentation for this component, the MultiViewCalendar does not support defining labels that can be placed above each individual calendar. It only supports showing a single label that is a range from the start month + start year to the end month + end year.

I attached a screenshot of how our current UI looks using this component.

In this example, we would love to be able to attach a label of March 2025, April 2025, May 2025, and June 2025 above each calendar, rather than only being able to show a label of March 2025 - June 2025 above the first calendar.

Please let me know if you have any questions or concerns regarding this request. Thanks for your time.

Best,

Tyler Earls

Description:
In our application, we use Kendo React Form. When the user submits the form, we call an async API in the onSubmit handler. We want to prevent users from clicking the submit buttons (including custom buttons in our office ribbon) while the API call is in progress, and only re-enable them after the API call completes (either success or failure).

Currently, formRenderProps.allowSubmit only reflects the form’s validation state, not the async submission state. This means users can click the submit buttons multiple times while the API call is pending.

Expected Behavior:
• There should be a built-in way (e.g., a submitting or loading flag in formRenderProps) to indicate when the form is in the process of submitting, so we can disable submit buttons during this time.
• Alternatively, the form should automatically prevent further submissions until the async onSubmit completes.

Questions:
• Is there a recommended way to handle this scenario with Kendo React Form?
• If not, can you consider adding a submitting or loading state to formRenderProps for this purpose?

Example:

<Form
  onSubmit={async (data, closeAfterSave) => {
    // API call here
  }}
  render={formRenderProps => (
    <button
      disabled={!formRenderProps.allowSubmit || formRenderProps.submitting}
      onClick={() => formRenderProps.onSubmit(false)}
    >
      Save
    </button>
  )}
/>

Hi,

Add this feature.

Add the option to remove or modify the Check All option in the Grid CheckBoxFilterMenu.

By default the Slider displays a tooltip containing "Drag" on hover. Is it possible to change the text of this tooltip?

I've checked the documentation, but the Slider component doesn't have a prop for setting or styling the tooltip.

Wrapping a Tooltip Component around the Slider didn't work either.

In Multicombobox choosing combo element using keyboard is broken when data source contains more than one duplicate value of a property used as a textField.

Steps to reproduce:

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

2. Try to select the 4th value using the arrow keys.

It's impossible because there are two items with the name 'Guy Wooten,' and this field is used as the textField.

Hi,

I would like to put forward a feature request to allow the panel bar items to be mounted when the panel bar itself mounts, irrelevant of whether it has been opened or not.

I'm looking for something like the keepItemsMounted property https://www.telerik.com/kendo-react-ui/components/layout/panelbar/mounted-items, but without the condition that a panel bar has to be opened at least once for them to stay mounted.