Column resizer scrolls to top of page

1 Answer 73 Views
Grid
Panagiotis
Top achievements
Rank 1
Panagiotis asked on 28 Jun 2023, 02:58 PM

Hello,

I have a React project, which uses "react-styleguidist": "13.0.0" to show various examples of the components, while kendo react grid 4.8.0 has been used. Using this version, the column resizer works as expected in the documentation page which contains several examples of Grid component.

I am trying to upgrade Kendo React Grid and all its related packages to version 5.1.0. This is the latest version possible to use, without upgrading also the project to React 18.

All functionalities seem to work as expected with version 5.1.0, except of column-resizer. It only works correctly in the 1st Grid example of the documentation page. In all other examples except of the 1st one, when I try to drag the column-resizer the column resizes correctly, but it also scrolls to the 1st grid example of the documentation page.

Do you have any suggestions on what could be the root of the problem?

Thank you.

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 30 Jun 2023, 01:57 PM

Hi, Panagiotis,

I tried to replicate the reproted behavior but the scrolling was persisted at my end when resizing a Grid column. Can you take a look at the video from my test below and see of I am leaving anything out?

For my test I used KendoReact v5.1., kendo-themes v5.2.0, React.js v16 and `react-styleguidist` v13. Can you test it and see whether you are able to replicate the reported error with it?

Please, have in mind that v5.1.0 of KendoReact is released on 2nd of March, 2022 so you will need to use version 5.2.0 of the kendo themes in order to have proper styling.

On a side note, React.js v16 is still supported in the latest version of the components, so you can freely upgrade to it.

Regards,
Vessy
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Tags
Grid
Asked by
Panagiotis
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or