Is there any way to handle Tab key pressed event in the AutoComplete component? 

My use case is to keep the component stayed focus when users hit the Tab and show an error message if the entered text is invalid. Please advice.

I am upgrade and existing Kendo UI for jQuery  based app to use KendoReact and I am having  problems getting tooltips to displayed on the BarChart Category label.

In my Kendo UI for Query app, I have implemented the code enable the tooltips as described in the following Article (https://docs.telerik.com/kendo-ui/controls/charts/how-to/integration/tooltip-for-category-axis-labels?_ga=2.75079313.2031723793.1571781435-2043405146.1571781435), and it works as expected.

In KendoReact, setting the 'labelVisual.options.tooltip' property is not displaying tooltips. 

I have tried to write custom code to work around this limitation, looking for a trigger to render a css hover driven tooltip or to active an instance of KendoReact Tooltip component.  I have tried making the Category label a shape and using a popup window for the tooltip as described in the React kendo Docs(https://www.telerik.com/kendo-react-ui/components/drawing/tooltip/), with no success.

Has anyone implement such code or have any recommendation on how to implement this?

I have tried to solve this problem using an SVG based solution as described in the following
article (http://www.petercollingridge.co.uk/tutorials/svg/interactive/tooltip/), however I have not found a way to assign a class to the BarChart label svg element and furthermore cannot use this solution.
If you reference to the Kendo Documentation (https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/tooltips/) for the BarChart, it doesn't say it has support for Category label tooltip as in the Kendo UI for jQuery.

Basic use of the Kendo React Conversational UI, causes a React Warning

simply open in stackblitz the example on https://www.telerik.com/kendo-react-ui/components/conversationalui/ and check the developer tools console output.

I am not sure when this started to happen, because it was not an issue in the past but I noticed it recently...

Currently, in the grid, there is a Info section displayed the numbers of rows are being displayed. The displayed text is, for example: "1 - 20 of 727 items".

Is there any way to change the mesage, for example: 1-20 of 727 books?

Hi,

If a grid with column menu is placed inside of a dialog. Column menu is rendered behind the dialog https://stackblitz.com/edit/react-8m7hc . We had a similar z-index problem also with tooltips.

Hi,

How to open split button items list on onButtonClick.

I want to be able to see the list of the click of the button in the highlighted portion in the below attachment

Hi,

i am using latest React.

inside render():

<Sparkline data={this.state.sparklineData} />

and do update the state via 

this.setState({sparklineData:sparkData})

All components do update except Sparkline. I have tried many things like this.forceUpdate(). Also debugged the this.state.sparklineData inside render(). The setState does the work and re-renders and the data comes through. console.log(this.state.sparklineData) proves it.

But the component simply doesnot re-render.  I have put a default value into sparklineData which is:

this.state = {

    sparklineData: [1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1,1,0,1,0,0,1],

}

and this WILL be rendered. After that no updates. Please help

Hi

I stared resizing grid from right to left. I can see some extra space on right side of the grid is that the expected behavior or is there any way to overcome that. Please find the screen shot for more details.

https://stackblitz.com/edit/react-nqnuzr?file=app/main.jsx