Skip to content

Commit a6498ef

Browse files
committed
fix: use overflow-x-clip instead of overflow-x-hidden to preserve sticky positioning
overflow-x-hidden causes overflow-y to compute to auto per CSS spec, creating a scroll container that breaks position:sticky on descendant elements. overflow-x-clip clips overflow without creating a scroll container, allowing the changed-files header to stick correctly.
1 parent 7372c92 commit a6498ef

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

apps/web/src/components/chat/MessagesTimeline.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -234,7 +234,7 @@ export const MessagesTimeline = memo(function MessagesTimeline({
234234
// from TimelineRowCtx, which propagates through LegendList's memo.
235235
const renderItem = useCallback(
236236
({ item }: { item: MessagesTimelineRow }) => (
237-
<div className="mx-auto w-full min-w-0 max-w-3xl overflow-x-hidden" data-timeline-root="true">
237+
<div className="mx-auto w-full min-w-0 max-w-3xl overflow-x-clip" data-timeline-root="true">
238238
<TimelineRowContent row={item} />
239239
</div>
240240
),

0 commit comments

Comments
 (0)