bug with react-kendo-grid-wrapper(GridColumn)

[Artur]

GridColumn didn't work correctly. I can't use them when I insert it inside Grid.

I see that GridColumn is function

var GridColumn = function (props) { return null; };
GridColumn.displayName = 'GridColumn';

In Grid component you try to compare child component with this 'component'

var columns = React.Children
           .toArray(children)
           .filter(function (child) { return child && child.type === GridColumn_1.default; })
           .map(function (child) { return Object.assign({}, child.props); });

So, after filter there zero items, because we try to compare 2 functions.

Could you fix it, please? 

[Stefan]

Hello, Artur,

Thank you for the information.

Could you please share in which scenario the GridColumn is not working is possible with an example. On our end the GridColumn components are working as expected:

https://www.telerik.com/kendo-react-ui/wrappers/grid/#toc

The GridColumn component is a stateless function:

import * as React from 'react';
import * as ReactDOM from 'react-dom';

export interface GridColumnProps extends kendo.ui.GridColumn { }

let GridColumn: React.StatelessComponent<GridColumnProps> = (props: GridColumnProps): JSX.Element | null => null;

GridColumn.displayName = 'GridColumn';

export default GridColumn;

I will be expecting an example and we will gladly investigate it further.

Thank you in advance for the cooperation.

Regards,
Stefan
Progress Telerik

[Artur]

Example from https://www.telerik.com/kendo-react-ui/wrappers/grid/#toc .

Yes, you are right about StatelessComponent. I have declaration file where GridColumn is declared as StatelessComponent.

P.s. I use typescript

[Artur]

If I remove the filter it will work fine. But filter don't work correctly and I don't know why...

[Stefan]

Hello, Artur,

Thank you for the details.

Based on the code I can assume that you are importing the GridColumn from the Kendo UI for React wrappers and using it inside the native Kendo UI Grid for React or the other way around.

Please ensure that both Grids are not mixed up:

Wrapper:

https://www.telerik.com/kendo-react-ui/wrappers/grid/#toc-grid-overview

Native Grid:

http://https//www.telerik.com/kendo-react-ui/components/grid/

If the issue still occurs, please provide an example, as the mentioned issue is not reproducible on our end and we would like to inspect the implementation.

Regards,
Stefan
Progress Telerik

[Artur]

I use just wrappers, because I can't use native components for now

[Stefan]

Hello, Artur,

Thank you for the clarification.

Could you please elaborate on the scenario in which this does not work correctly. We made different testing scenarios and in all of them, this was working.

We will be happy to provide a fix, but we need to be able to replicate the issue in order to fix it.

Please share with us an example where the issue is reproducible and the developers' team will take a look at it as soon as possible.

Regards,
Stefan
Progress Telerik

[Artur]

For now I have 2 files(js + declaration) for GridColumn(attached).

This code from GridColumn.d.ts:

import * as React from 'react';
export interface GridColumnProps extends kendo.ui.GridColumn {
}
declare let GridColumn: React.StatelessComponent<GridColumnProps>;
export default GridColumn;

 

This code from GridColumn.js:

var GridColumn = function (props) { return null; };
GridColumn.displayName = 'GridColumn';
export default GridColumn;
//# sourceMappingURL=GridColumn.js.map

 

It it OK?

 

P.s. I looked at your example and found just 1 file *.tsx

 

 

[Artur]

packages tree

[Stefan]

Hello, Artur,

Thank you for the code.

This is the correct one.

Still, please share with us the scenario in which the issue is observed.

I'm may be missing something and please excuse me for it, as for now, I did not notice the case in which the GridColumn is causing issues.

Regards,
Stefan
Progress Telerik

[Roja Jayashree]

Hello Stefan,

I am using telerik grid just similar to what it is implemented in this demo link (https://www.telerik.com/kendo-react-ui/components/grid/get-started/) and it works fine on browser but it shows up issue with scrolling on grid while using in ipad pro. 

In short terms i am facing issue in scrolling the grid in ipad if any solution or demo for ipad is appreciated.

 

Thank you.

[Stefan]

Hello, Roja,

I have made some tests and the scrolling was working on my end.

Please share the iPad model and the iOS version, as this will help us test under the same conditions.

Also, could be share what is the issue specifically, is the Grid not scrolling at all or something else.

-----------------------------------------------

Please have in mind that this post is for a very different issue. When the issue is not related to the post, please make a new post in the forum:

Regards,
Stefan
Progress Telerik