Hello Kendo UI Team,

I'm using the Kendo React StockChart component and I have two related questions regarding hover behavior and color consistency between the main chart and the navigator (mini chart):

1. Hover color mismatch:
   When I hover over a data point, the marker uses a custom stroke color. However, the hover effect (like the highlight) does not match this stroke color.
      Is there a way to make the hover color consistent with the marker’s stroke color?

2. Navigator highlight inconsistency:
   When I click on a data point in the main chart, the corresponding point in the navigator becomes highlighted, but its color doesn't match the marker’s color either (it uses the default series color).
     Can we customize the highlight color in the navigator to match the main chart marker color as well?
   

For reference, I use a visual function to customize the markers with stroke colors dynamically based on the data item. The chart works fine visually, but the hover/highlight styles are inconsistent.

Let me know if this behavior is expected or if there's a recommended way to fully align the hover and highlight colors with custom marker styles.

Thanks!

Frsqz1ns (duplicated) - StackBlitz

Hi Telerik team,

I'm currently working with KendoReact Charts and noticed an unexpected behavior with series selection. Specifically, this happens with both Pie and Bar charts.

Issue

Whenever I:

1. Click anywhere inside the chart (any series),

2. Switch to another browser tab,

3. Return to the original tab,

— the first series gets auto-selected, and a black border appears around it.

What I’ve Tried

• I attempted to override :focus and .k-focus styles via CSS – didn’t help.

• Setting pointer-events: none on series did not prevent the behavior.

Reproduction

I’ve noticed the same issue in your official documentation examples too (see attached screenshot).
Also attaching a screenshot from my local app showing the same auto-selection border.

Question

How can I prevent KendoReact charts from auto-selecting or auto-focusing a chart series when returning to a tab?
Is there a prop or CSS workaround to completely disable this behavior?

Thanks in advance!

While headers can be made sticky on the MultiColumnComboBox, we're wondering if something similar can be applied to an entire group. In the MultiColumnComboBox dropdown, we'd like the first header and group items to always remain visible while the user scrolls through the remaining groups. If this isn't possible, is there a component similar to the MultiColumnComboBox that could achieve similar results?

I cannot compile the application because of these errors in the output:

The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.ui.for.aspnet.core/index.json' has timed out after 100000ms.
Retrying 'FindPackagesByIdAsync' for source 'https://nuget.telerik.com/v3/package/telerik.datasource/index.json'.
The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.datasource/index.json' has timed out after 100000ms.
Retrying 'FindPackagesByIdAsync' for source 'https://nuget.telerik.com/v3/package/telerik.datasource/index.json'.
The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.datasource/index.json' has timed out after 100000ms.
Retrying 'FindPackagesByIdAsync' for source 'https://nuget.telerik.com/v3/package/telerik.ui.for.aspnet.core/index.json'.
The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.ui.for.aspnet.core/index.json' has timed out after 100000ms.
Retrying 'FindPackagesByIdAsync' for source 'https://nuget.telerik.com/v3/package/telerik.ui.for.aspnet.core/index.json'.
The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.ui.for.aspnet.core/index.json' has timed out after 100000ms.
Retrying 'FindPackagesByIdAsync' for source 'https://nuget.telerik.com/v3/package/telerik.datasource/index.json'.
The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.datasource/index.json' has timed out after 100000ms.
Retrying 'FindPackagesByIdAsync' for source 'https://nuget.telerik.com/v3/package/telerik.ui.for.aspnet.core/index.json'.
The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.ui.for.aspnet.core/index.json' has timed out after 100000ms.
Retrying 'FindPackagesByIdAsync' for source 'https://nuget.telerik.com/v3/package/telerik.datasource/index.json'.
The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.datasource/index.json' has timed out after 100000ms.
Retrying 'FindPackagesByIdAsync' for source 'https://nuget.telerik.com/v3/package/telerik.ui.for.aspnet.core/index.json'.
The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.ui.for.aspnet.core/index.json' has timed out after 100000ms.
Retrying 'FindPackagesByIdAsync' for source 'https://nuget.telerik.com/v3/package/telerik.datasource/index.json'.
The HTTP request to 'GET https://nuget.telerik.com/v3/package/telerik.datasource/index.json' has timed out after 100000ms.

I'm using the Kendo React TreeList and trying to lock the first two columns: one is a text column ("Name") and the other is a custom "Actions" column with buttons/icons.
The "Name" column locks correctly, but the "Actions" column only locks the header — the cell content scrolls with the rest of the grid.
I’ve used locked: true and assigned proper width, but it doesn't behave like a fully frozen column.
The action cell is rendered using a custom React component inside cell.
Is there a known limitation or workaround to fully lock custom cell columns in the TreeList?


below is one of the example that I am attaching...
please look into this and let me know
https://stackblitz.com/edit/react-kmatjerp-nshfqmfg?file=app%2Fapp.tsx

when I adaptive my component for another size I get this bug. How can I control line position of time. I didn't find any class or style to control behavior of scroll line. 

Hi Kendo UI Team,
I’m currently using the Kendo React Workbook to export Excel files with around 10,000 main rows, each having multiple nested child rows. Both the main table and each child table have a large number of columns — typically between 60 and 90 columns each.

The export process itself is fast until calling toDataURL(), but the file download takes several minutes, impacting user experience.
I tried using toBlob() as suggested in some docs, but the method does not exist in the current API.
Could you please advise on the best practices or any performance optimizations for exporting large nested datasets with many columns?
Also, is there any alternative API for exporting large files efficiently?

Thanks in advance for your support!

Hi Telerik support,

We are planning to use Kendo React v5.9.0 in our System and this system will be exported.
Could you please tell me the ECCN for Kendo React?

Thank you!

Is it possible to reset the grid page number after performing a filter? We're seeing a bug where if the initial grid load has n pages and you navigate to the nth page, but then filter so there's less than n pages, the grid becomes blank and doesn't show data again until you click on one of the page numbers again. Ideally I'd like to reset the user to the first page upon filtering.

Hi I am using the new statemanagement with checkboxes https://www.telerik.com/kendo-react-ui/components/grid/selection/multi-row-selection#combining-selection-with-data-operations-filtering-sorting-paging-etc

I want to replace that checkbox with our own design library's checkbox and style accordingly.

There's currently no way apart from inspecting and styling the component, would you guys suggest some ways to achieve this?