External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(board): add computeItemKey to Virtuoso to prevent media flash on page change

Browse Source 
Without `computeItemKey`, Virtuoso uses index-based keys so React reuses DOM nodes across pages, causing `<img>` elements to briefly flash old media before loading new sources.
This commit is contained in:
plebeius
2026-02-23 20:24:37 +08:00
parent 0ea7356523
commit 849ff18a8b
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/board/board.tsx
+1
View File
@@ -350,6 +350,7 @@ const Board = ({ feedCacheKey, viewType, boardIdentifier: boardIdentifierProp, i
increaseViewportBy={{ bottom: 1200, top: 1200 }} increaseViewportBy={{ bottom: 1200, top: 1200 }}
totalCount={displayFeed.length} totalCount={displayFeed.length}
data={displayFeed} data={displayFeed}
computeItemKey={(index, post) => post?.cid || `post-${index}`}
itemContent={(index, post) => <Post index={index} post={post} />} itemContent={(index, post) => <Post index={index} post={post} />}
useWindowScroll={true} useWindowScroll={true}
components={footerComponents} components={footerComponents}