The tabStrip demos no longer display selected state and the line separating the tabs from content (Material Theme). Has this changed?

https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/

Hi,

My code is set up as below - tabbing or using the mouse to navigate to another control does not trigger the onBlur event everything else, filters, etc, work great.

Thanks and regards,

Amit Kohl

<FormElement horizontal={true} >
    <Field id={'customer'} name={'customer'} label={'Org Class'} component={MultiSelect}
    textField="name" dataItemKey="id" data={customers}
    autoClose={false} filterable={true} onBlur={(e: MultiSelectBlurEvent) =>
         console.warn(e)
    }
    onFilterChange={handleOrgClassFilterChange} />

I need a MultiColumnComboBox with checkboxes, so I've been playing with this demo:

https://www.telerik.com/kendo-react-ui/components/dropdowns/multicolumncombobox/custom-rendering/

I need two things that I can't figure out. I need the combobox to stay open after selecting a checkbox. I tried stopPropagation and preventDefault, but both gave an error (not a function).

Also, I need a select all. I assume this would go in the header with a custom event handler...any idea how I loop through all the items and select each one?

Many thanks!

Tye

Hi,

I have made a change to the code repo, how can I request for PR to help broader community?

Thank you

Hi,

I noticed that when using checkboxes in a grid, those are rendered a bit incorrect (there are some dot's at the "end" of the checkboxes:

Screenshot is taken directly from the example page: https://www.telerik.com/kendo-react-ui/components/grid/selection/#toc-customizing-the-selection. Making the column either smaller or bigger "solves" the issue, but it's still strange behavior.

Hi

Today, when Enter key is pressed highlighted item is selected. Can we please add same behavior for Tab key too.

Thank you.

How can I prevent a row from jumping up or down due to a column's sorting or filtering? For example, in this link (https://stackblitz.com/edit/react-r5nvbb?file=app%2Fmain.jsx), sort by First Name, and then edit a cell (for example, edit the first name in the first row, Andrew Davolio to Jan Davolio) - how to prevent that row that's being edited from getting sorted dynamically while the user is interacting with it?

This is a major problem when someone filters for only one value (say, Andrew in the First Name column), and wants to change the first name to something else (anything but Andrew) - the row in edit completely disappears from view because the grid is filtering dynamically.

I have a react class component in which I need to use kendo Internationalization. Kendo internationalization is already setup and working with some functional components.

Unfortunately when I follow Kendo's docs examples for registerForIntl() I get the following typescript error:

Argument of type 'typeof DataGrid' is not assignable to parameter of type 'ComponentClass<{}, any>'.
  Types of parameters 'props' and 'props' are incompatible.
    Type '{}' is missing the following properties from type 'DataGridProps': data, total, columns

Any tips on how to get registerForIntl() working with class components with custom props interface?

I'm trying to make my web app behave a bit more like a desktop app, where rather than letting the browser window scroll, the components are laid out to fit vertically and any scrolling is done within the components.

I know I can do this raw with CSS flexbox, but I'd like to know the best practice for doing this with Kendo UI components.  It's not clear to me where to change styles and attributes to achieve this type of layout.

How to disable the Incremental Steps in dateinput and datepicker.