kendo-react icon indicating copy to clipboard operation
kendo-react copied to clipboard

Published 20 hours ago • verified publisher icon telerik

Flickering and undesired scroll glitch in Grid with virtual scrolling when using createRoot

Open kdikov82 opened this issue 3 years ago • 2 comments

To observe the issue, open the following example and scroll using the mouse wheel: https://stackblitz.com/edit/react-ikkgsq-ffxlg5?file=app%2Fmain.jsx,app%2FrowRender.js

Replacing createRoot with ReactDom.render resolves the issue: https://stackblitz.com/edit/react-ikkgsq-ffxlg5?file=app%2Fmain.jsx,app%2FrowRender.js

kdikov82 avatar Jul 22 '22 13:07 kdikov82

Please, Is there a solution to this? I have the same issue. Using ReactDom.render works fine but shows a warning in the console "react-dom.development.js:86 Warning: ReactDOM.render is no longer supported in React 18."

pao95 avatar Aug 18 '22 22:08 pao95

I've also replicated the issue (right before finding this issue)

Works in React 17 https://stackblitz.com/edit/react-hejynz?file=app%2Fmain.jsx

Flickers in React 18 https://stackblitz.com/edit/react-hejynz-pn7umx?file=app%2Fmain.jsx

robv8r avatar Sep 12 '22 21:09 robv8r

Fixed in dev channel version 5.11.1-dev.202302071533.

Examples:

  • https://stackblitz.com/edit/react-hejynz-hr2upm?file=app%2Fmain.jsx
  • https://stackblitz.com/edit/react-ikkgsq-tomdrj?file=app%2Fmain.jsx,app%2FrowRender.js

nstoychev avatar Feb 08 '23 15:02 nstoychev