diff --git a/CHANGELOG.md b/CHANGELOG.md index 94ce0113a7..bb94ad7d5b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,9 +6,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). ## [Unreleased] +Nothing unreleased! + +## [1.1.300rc1] - 2024-05-28 + ### Fix - Scroll flickering when streaming +- Logo max height ## [1.1.300rc0] - 2024-05-27 diff --git a/frontend/src/components/atoms/buttons/scrollDownButton.tsx b/frontend/src/components/atoms/buttons/scrollDownButton.tsx index 8f6c852d69..6777fdc07d 100644 --- a/frontend/src/components/atoms/buttons/scrollDownButton.tsx +++ b/frontend/src/components/atoms/buttons/scrollDownButton.tsx @@ -18,7 +18,7 @@ export default function ScrollDownButton({ onClick }: Props) { color: 'background.paper', zIndex: 1, transform: 'translateY(-100%)', - top: 0, + top: -20, left: 0, right: 0, '&:hover': { diff --git a/frontend/src/components/molecules/messages/ScrollContainer.tsx b/frontend/src/components/molecules/messages/ScrollContainer.tsx index d79114ce1d..b2985b0a71 100644 --- a/frontend/src/components/molecules/messages/ScrollContainer.tsx +++ b/frontend/src/components/molecules/messages/ScrollContainer.tsx @@ -24,12 +24,10 @@ export default function ScrollContainer({ }, [session?.socket.id]); useEffect(() => { - setTimeout(() => { - if (!ref.current || !autoScroll) { - return; - } - ref.current.scrollTop = ref.current.scrollHeight; - }, 0); + if (!ref.current || !autoScroll) { + return; + } + ref.current.scrollTop = ref.current.scrollHeight; }, [messages, autoScroll]); const handleScroll = () => {