Pending Review
Last Updated: 17 Jun 2019 12:42 by ADMIN
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.
Approved
Last Updated: 14 Jun 2019 05:14 by ADMIN
Created by: iConect Developer - Mike
Comments: 0
Type: Bug Report
0

Grid Header shifting when filtering column.

When a column is half visible, and it is filtered, a misalignment will occur between the header and the Grid content.

Video: https://www.screencast.com/t/PhOonptY2

Completed
Last Updated: 12 Jun 2019 06:33 by ADMIN

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.

Completed
Last Updated: 30 May 2019 11:46 by ADMIN
Release 3.0.0

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/

Completed
Last Updated: 17 May 2019 11:55 by ADMIN
Release 2.10.0
TimePicker is missing the localization properties.
Completed
Last Updated: 17 May 2019 11:53 by ADMIN
Release 2.11.0

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

Approved
Last Updated: 17 May 2019 11:52 by ADMIN

DropDownList and MulstiSelect do not open on click(IE 11). 

They do open sometimes, but it seems random.

They do open when using the keyboard.


Completed
Last Updated: 17 May 2019 11:49 by ADMIN
Release 2.11.0
Pending Review
Last Updated: 24 Apr 2019 09:59 by ADMIN
Created by: Nathaniel
Comments: 6
Type: Bug Report
0

When rendering an AutoComplete, I get the following warning:

Warning: Failed prop type: Invalid prop `children` supplied to `Popup`.
    in Popup (created by ListContainer)
    in ListContainer (created by AutoComplete)
    in span (created by AutoComplete)
    in AutoComplete

I have tried this in the simple case below:

ReactDOM.render(
    <AutoComplete
        className="form-control"
        required={true}
        validationMessage="Location Required." />,
    document.getElementById('root'));
Approved
Last Updated: 24 Apr 2019 07:29 by ADMIN
Created by: Nathaniel
Comments: 1
Type: Bug Report
0

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?

Pending Review
Last Updated: 24 Apr 2019 06:25 by ADMIN
Created by: Nathaniel
Comments: 1
Type: Bug Report
0

I am using the ComboBox component in IE11.  When the control has a value, the clear button covers the select arrow at the right of the control.  This occurs because IE11 does not allow nested calc() calls in the CSS width property, e.g. 

.k-dropdown-wrap .k-clear-value {
    right: calc(calc( 0.75rem + 17px) + 6.5px);
}

Removing the inner calc() works well enough:

.k-dropdown-wrap .k-clear-value {
    right: calc(( 0.75rem + 17px) + 6.5px);
}

Unfortunately, this rule seems to originate from a CSS function call to which I do not have access.  Is it possible to remove the inner calc()?

Pending Review
Last Updated: 21 Mar 2019 07:51 by Daniel
Created by: Daniel
Comments: 0
Type: Bug Report
0

The Switch layout is misaligned on IE 11.

54738802-5a28bf00-4bbe-11e9-91aa-7eb104343935.png (195×151)

This is reproducible in our demos as well.

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

Approved
Last Updated: 05 Mar 2019 06:32 by ADMIN
Created by: Ram
Comments: 0
Type: Bug Report
0
Calendar picker Template displays wrong year range when you click on a certain year.

Steps to Reproduce:

1) Open https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/ in the Chrome browser

2) Click on the calendar icon, click on 'month/Year' in the calendar header e.g. March 2019

 
3) Click on the 'Year' in the calendar header i.e. 2019

4) further Click on the Year Range i.e 2010-2019

5) Year range will display from 2000 - 2090, Select year 2010

Wrong Year range (2090 - 2099) will display when clicked on 2010.

This is working properly in the Firefox browser and I observed the issue in Chrome.
Declined
Last Updated: 19 Feb 2019 12:19 by ADMIN

If you create a react grid without any GridColumn components and then add those components later, the added columns do not show and the grid is empty.  It appears, after a quick look that the columns have a width of 0 pixels.  They exist in the html, just not displayed.

 

See https://codesandbox.io/s/mmr894nllp as an example of the problem.  This example starts with a populated grid.  You can add columns and data using the buttons above the grid.  This works fine.  If you then "Reset" the grid with the button, which removes all data, any attempt to add columns and data will show a blank grid.

 

Thanks,

Joe

Declined
Last Updated: 14 Jan 2019 06:31 by ADMIN

We are evaluating the React Grid component for our application and need to be able to have rows that span all columns.  To do this, I have created a rowRender function that, for some rows, will render a single <td> element with the colspan set to 100%.  The row renders fine, but the other rows, that have multiple <td> elements do not all render correctly.  For my test application, they will render with a width of 8 pxs.  On resize of a column, they will almost render correctly.

Here are some pictures of the issue in our test code.

https://drive.google.com/open?id=1bMwlUi7-7QiVHc6lubPiz45svHG1FSnS

I have created a sandbox that sort of reproduces the bug. https://codesandbox.io/s/w73v0x0mz8

If you select the "Show Full Row", the row with Id 999 will convert to a single <td> element with colspan='100%'.  You will notice how after doing so, the last three columns collapse to a small number of pixels.

 

Thanks

Joe