Unplanned
Last Updated: 12 Aug 2020 05:37 by ADMIN

When using the <Window> component, there is an issue trying to maximize, when a parent element has positioning (ie:  position: absolute, position: relative).  The calculation for defining the width uses window.innerWidth (similar for height).  However, for placement, it uses top and left = 0.  

You can see a sample of this on StackBlitz:

https://stackblitz.com/edit/react-59kqss

This is a straight copy of https://www.telerik.com/kendo-react-ui/components/dialogs/window/controlled-mode/, but added the additional styles to the parent <div>.

Version is 3.14.

 

Thanks.

Unplanned
Last Updated: 27 Jul 2020 07:21 by ADMIN

With the ArcGauge component, when you set the rangeLineCap to something other than 'butt' (ie:  round or square), the indicator does not line up with the tick lines.  This leads to misleading values.  Please look at this StackBlitz:

 

https://stackblitz.com/edit/react-itztql

 

This will show the comparison between round and butt rangeLineCaps. 

From the screenshot as well, the ArcGauge on the right looks like the value is greater than 0, resulting in the user being mislead on the result.

Unplanned
Last Updated: 24 Apr 2020 04:55 by ADMIN
AutoComplete focused item is not set correctly if the items are with different height.

Currently, it is required to have the same height for the items, but this can be very hard in cases when the items are dynamic with various height.
Unplanned
Last Updated: 21 Nov 2019 10:35 by ADMIN

Hi Guys,

In GridProps for KendoReact Grid there is an error in the type information:

Found here: https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-rowrender

In the GridProps.d.ts file it is:

    /**
     * Fires when a row is about to be rendered. Overrides the default appearance of the row.
     */
    rowRender?: (row: React.ReactElement<HTMLTableRowElement>, props: GridRowProps) => React.ReactNode;

This should be changed to:

rowRender?: (row: React.ReactElement<React.HtmlProps<HTMLTableRowElement>>, props: GridRowProps) => React.ReactNode;

 

Note that the React.ReactElement definition is:

    interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
        type: T;
        props: P;
        key: Key | null;
    }

 

So the first type parameter should be the props typ.

I noted this while making use of it. After changing it it behaves sensibly. Worked around in my case by using 'as any' to void the type clash.

Cheers,

Stuart

Unplanned
Last Updated: 17 Oct 2019 09:25 by ADMIN
Created by: Christian
Comments: 2
Type: Bug Report
0

Hi,

I created a solution using KendoReact Editor.

The editor is set to enable the creation of tables (EditorTools.InsertTable).

When the property 'defaultEditMode' is set to 'iframe',  the editor inserts a correct table with a width of 100% and visible cell borders.

If I set the 'defaultEditMode' to 'div' and insert a table the table has a width of some pixels and no borders are shown. In other words, the inserted table is not usable.

I need to set the editMode to 'div' because otherwise the editor doesn't adjust its look to the other parts of the page. The font is wrong etc.

How can I get the tables to work in 'div' mode?

 

Kind regards

  Christian 

Unplanned
Last Updated: 14 Jun 2019 05:14 by ADMIN
Created by: iConect Developer - Mike
Comments: 0
Type: Bug Report
1

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

Unplanned
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.


Unplanned
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.