KendoReact Editor not working in NextJS application.

This is the error:

ReferenceError: navigator is not defined.

The error can be reproduced in our NextJS application as well when adding the Editor component.

The error may occur due to this line:

const firefox = /Firefox/.test(navigator.userAgent);

Pressing enter in the ComboBox will select the first item with the same text value.

If we have items with the same text value and we navigate through them with the arrow keys and then select one with enter, the ComboBox will return the first item with that text instead of the currently selected one.

Column locked with KendoReact Grid is not locked in the iPhone safari.  It's OK in Chrome phone simulator, but not in mobile. 

 

<Grid
                    style={{ height: '400px', width: '500px' }}
                    data={products}
                    reorderable
                >
                    <Column field="ProductID" title="ID" width="45px" locked />
                    <Column field="ProductName" title="Name" width="250px" />
                    <Column field="Category.CategoryName" title="CategoryName" />
                    <Column field="UnitPrice" title="Price" width="90px" />
                    <Column field="UnitsInStock" title="In stock" width="90px" />
                    <Column field="UnitsOnOrder" title="On order" width="90px" />
                    <Column field="Discontinued" width="120px" locked={true} />
                    <Column field="QuantityPerUnit" title="Additional details" width="250px" />
                </Grid>

I updated to the latest version of the kendo react components (3.2.1) and notices that if there are no records in the grid - the message is displayed in the first column rather than spanning - this behaviour is also happening in the demo - see the attached.

When setting filter type in column to `boolean` it breaks when opening the column menu with the following JS error inside `filterCommon.js`:

TypeError: Cannot read property '0' of undefined

Here's a sandbox to see. Click the column menu next to each column header. Notice `Discontinued` column will cause a JS error: 

https://stackblitz.com/run/?file=app%2Fmain.jsx

 

The sandbox was taken from https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/

 

We're using v3.1.0 but the sandbox has 3.2.0. Both versions have this bug. It seems 2.11.0 is the last working version.

When using the DialogActionBar, its flex CSS property is flex:1 0 0.  For some reason, this is not a valid value in IE11, and I need to specify the flex values explicitly:

.k-dialog-button-layout-stretched .k-button {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0px;
}

Can this be added to the original stylesheet so it works out of the box?

TimePicker is missing the localization properties.

Dropdownbutton doesn't work in FF 66.0.2 on maxOS

1. Click on the dropdownbutton
2. Clicking outside of the dropdownbutton menu
3. The dropdownbutton does not close

AutoComplete component name attribute is not set.

GitHub item: https://github.com/telerik/kendo-react/issues/221

Workaround: https://stackblitz.com/edit/react-dawzkj?file=app/main.js

The Switch layout is misaligned on IE 11.

This is reproducible in our demos as well.

GitHub issue: https://github.com/telerik/kendo-react/issues/220

Typing 111 in DatePicker results in skipping the day part. The third 1 is set to the year portion.

It is reproduced in our demo as well: 

https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/