Multiselect virtualization

1 Answer 39 Views
MultiSelect
Siniša
Top achievements
Rank 1
Siniša asked on 27 Sep 2023, 12:26 PM

I'm looking at the examples of virtualization found on https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/virtualization/

There is a problem at the main.jsx file, when you look at the full source you can see that the project was set up using outdated approach that defaults back to React 17 :https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis

Line that is outdated:

ReactDOM.render(<App />, document.querySelector('my-app'));

using the new Client Render API you will see that the scroll is glitching:
https://codesandbox.io/s/kendo-virtualization-problem-d4375s?file=/src/index.js

Hope someone has a simple solution?

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 28 Sep 2023, 12:56 PM

Hi, Siniša,

I tried to replicate the described glitchy behavior but to no avail. Can you, please, take a look at the video from my test below and see whether I cam not leaving anything out? Can you share the exact steps leading to the problem so I can examine it further?

Looking forward to hearing from you,
Vessy
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Siniša
Top achievements
Rank 1
commented on 04 Oct 2023, 09:05 AM

HI Vessy,

If you slowly scroll, you will see that the change of content is glitching. Not sure from your video, but I think you can see it there too..

Here is the repo we used for testing: https://codesandbox.io/s/kendo-virtualization-problem-d4375s?file=/src/index.js

Siniša


Vessy
Telerik team
commented on 06 Oct 2023, 08:58 AM

Hi, Siniša,

I tested the provided sample but I am afraid that I am still not able to replicate the reported glitching - http://somup.com/c061jPBOvA

Can you record and send me a video from the behavior that you observe so I can understand better the faced issue and look at the steps that you make?

Tags
MultiSelect
Asked by
Siniša
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or