We are experiencing an issue using custom rendering for the autocomplete component. It happens with the demo example as well.

https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/custom-rendering/#toc-items

Once you use the keyboard to navigate past the entry that breaks to a new line (Bosnia & Herzegovina 7) you no longer see the focused selection as you key down. So it seems to be related to the item heights and if they differ. We don't want to set a height since we have a variety of information. Is there anything we can do to alleviate this behavior?

Thanks!

Hi,

How do you indent numeric data to the right inside a Grid.

Regards,

Vinod

Is there any way to have intermediate state for check box in kendo react grid.

If it is possible, how can we achieve that.

Regards,

Mukesh 

https://docs.telerik.com/kendo-ui/knowledge-base/grid-autofit-all-columns-width

Can we accomplish what is shown in the above link in the React grid?
1. Columns auto-size on load

2. Double clicking a header re-auto-sizes the column

Hi,

I am looking for checkbox, checkboxlist ,radiobutton and radiobuttonlist under built in Kendo component list and are not available. It would helpful if have these included in list. 

This will help us to extend and customize.

Thanks,

Pankaj Jogi

I tried to customize theme by modifying the themes source code by following below steps : 

1. Clone the kendo-themes(https://github.com/telerik/kendo-themes) GitHub repository.
2. Install the dependencies for all themes with npm install && npx lerna bootstrap.
3. Customize the theme variables in the packages/<THEME_NAME>/scss/_variables.scssfiles.
4. Build the themes with the npm run build command to create the customized version of the themes in the packages/THEME_NAME/dist/all.css file.

I referenced the file (all.css) in my component but the changes ( say a change in the color of Button ) in my instance was not reflecting on UI. 

I want to be able to modify _variables.scss file to my customized need and get the file all.css as a result of command (npm run build). And these changes should be reflected on my UI which as of now is not happening. Let me know if I am missing something here. Thanks in advance. 

     I want to user GridToolbar as a separate component and put that on top to grid.

I don't want to use that inside the grid as it is being used.

is there any way to do that?

I have been trying to implement infinite scroll on DropDownList component, using virtualization, because it's the only way to track scrolling. When I reach the end, of the DropDownList's items, I make a request to the server, and load new chunk of data, and add this new data to existed. In my case, the property virtual.total is based on the items length. But when I get new items, the length of the items increases, and accordingly virtual.total changes, that leads to resetting position of the scroll bar to the top of the popup. 
I have already found the place in the source code, where is it going, and I have found the only one way to fix this problem so far. It's changing   componentDidUpdate  method of the DropDownList.prototype directly, but it is very bad practice..
Are there ways to implement these changes in other way?