mirror of
https://github.com/block/buzz.git
synced 2026-08-18 06:50:31 +02:00
fix(timeline): remove deferred-render opacity dim on message list
The virtual list was dimmed to 60% opacity while useDeferredValue lagged behind live messages, causing visible flicker as rows streamed in during channel load. Drop the opacity-60 transition; isRenderPending remains for introReady gating only. - MessageTimeline.tsx: remove opacity-60 and data-render-pending from list wrapper Co-authored-by: Taylor Ho <taylorkmho@gmail.com> Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
This commit is contained in:
@@ -447,17 +447,7 @@ export const MessageTimeline = React.memo(function MessageTimeline({
|
||||
) : null}
|
||||
|
||||
{showVirtualList ? (
|
||||
<div
|
||||
className={cn(
|
||||
"flex flex-col",
|
||||
// While a deferred render is in flight the painted
|
||||
// list lags the latest `messages`. Dim it slightly so the
|
||||
// streaming-in feels intentional instead of frozen.
|
||||
isRenderPending && "opacity-60 transition-opacity",
|
||||
)}
|
||||
data-render-pending={isRenderPending ? "true" : undefined}
|
||||
ref={listOuterRef}
|
||||
>
|
||||
<div className="flex flex-col" ref={listOuterRef}>
|
||||
<VirtualizedTimelineList
|
||||
entries={entries}
|
||||
renderEntry={renderEntry}
|
||||
|
||||
Reference in New Issue
Block a user