Fix table flicker (#271)

diegopinate · web-flow · commit ccd4001c26d6 · 2026-06-11T10:50:23.000-05:00
Fix NamedVersionSelector virtualized row flicker by applying
react-window item style to each ListItem root so rows keep stable
positioning during scroll.
diff --git a/.changeset/tall-dingos-watch.md b/.changeset/tall-dingos-watch.md
@@ -0,0 +1,5 @@
+---
+"@itwin/changed-elements-react": patch
+---
+
+Fix named version selector row flicker
diff --git a/packages/changed-elements-react/src/NamedVersionSelector/NamedVersionSelector.tsx b/packages/changed-elements-react/src/NamedVersionSelector/NamedVersionSelector.tsx
@@ -737,7 +737,7 @@ function NamedVersionListEntry(props: Readonly<NamedVersionEntryProps>): ReactEl
   }
 
   return (
-    <ListItem className="_cer_v1_named-version-entry">
+    <ListItem className="_cer_v1_named-version-entry" style={props.style}>
       <Flex justifyContent="left" gap="5px" >
         <Flex.Item flex='2'>
           <div>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@itwin/changed-elements-react": patch
 +---
++
 +Fix named version selector row flicker
Original file line number	Diff line number	Diff line change
`@@ -737,7 +737,7 @@ function NamedVersionListEntry(props: Readonly<NamedVersionEntryProps>): ReactEl`
`737`	`737`	`}`
`738`	`738`
`739`	`739`	`return (`
`740`		`- <ListItem className="_cer_v1_named-version-entry">`
	`740`	`+ <ListItem className="_cer_v1_named-version-entry" style={props.style}>`
`741`	`741`	`<Flex justifyContent="left" gap="5px" >`
`742`	`742`	`<Flex.Item flex='2'>`
`743`	`743`	`<div>`