letsbe/LetsBeBiz-Site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent page scroll when transcript updates
Some checks failed
Build & Push / build-and-push (push) Has been cancelled
Details

Browse Source 
Scroll only within transcript container, not the entire page.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Matt
2026-03-28 14:40:31 +01:00
parent 015ae49d2d
commit c48313ad91
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/configurator/VoiceAgent.tsx
View File

@@ -64,9 +64,12 @@ export default function VoiceAgent({ locale, onComplete }: VoiceAgentProps) {
const transcriptEndRef = useRef<HTMLDivElement>(null); const transcriptEndRef = useRef<HTMLDivElement>(null);
// Auto-scroll transcript // Auto-scroll transcript within its container only
useEffect(() => { useEffect(() => {
transcriptEndRef.current?.scrollIntoView({ behavior: 'smooth' }); const el = transcriptEndRef.current;
if (el?.parentElement) {
el.parentElement.scrollTop = el.parentElement.scrollHeight;
}
}, [transcript]); }, [transcript]);
// Handle completion // Handle completion