Dicken/dickendock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: keyboard scroll nur wenn User bereits am Ende war

Browse Source
This commit is contained in:
Dicken
2026-06-13 19:52:39 +02:00
parent 8ca1159231
commit 15fe572205
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/tools/nachrichten.jsx
View File

@@ -227,12 +227,17 @@ export default function Nachrichten({ toast, mobile, nav }) {
} }
}, [messages.length, activeUser?.id]); }, [messages.length, activeUser?.id]);
// Wenn Handy-Tastatur aufklappt (visualViewport schrumpft) → ans Ende scrollen // Wenn Handy-Tastatur aufklappt → ans Ende scrollen NUR wenn schon am Ende war
useEffect(() => { useEffect(() => {
if (!window.visualViewport) return; if (!window.visualViewport) return;
const onResize = () => { const onResize = () => {
// Kleine Verzögerung damit Layout neu berechnet wird // Prüfe ob bottomRef nah am sichtbaren Bereich war (= User war am Ende)
if (!bottomRef.current) return;
const rect = bottomRef.current.getBoundingClientRect();
const wasAtBottom = rect.top <= (window.visualViewport?.height ?? window.innerHeight) + 100;
if (wasAtBottom) {
setTimeout(() => scrollToBottom('instant'), 50); setTimeout(() => scrollToBottom('instant'), 50);
}
}; };
window.visualViewport.addEventListener('resize', onResize); window.visualViewport.addEventListener('resize', onResize);
return () => window.visualViewport.removeEventListener('resize', onResize); return () => window.visualViewport.removeEventListener('resize', onResize);