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

Nachrichten: Header/Input fixiert, Auto-Scroll instant beim Laden, mobiler Leerraum fix

Browse Source
This commit is contained in:
Dicken
2026-05-28 15:21:32 +02:00
parent 82e16c4a3f
commit 4f0d353956
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -173,8 +173,12 @@ export default function Nachrichten({ toast, mobile }) {
}, [messages, sharedKey]);
// ── Scroll to bottom ─────────────────────────────────────────────────────────
const prevLengthRef = useRef(0);
useEffect(() => {
bottomRef.current?.scrollIntoView({ behavior: 'smooth' });
const isFirstLoad = prevLengthRef.current === 0 && messages.length > 0;
prevLengthRef.current = messages.length;
if (!bottomRef.current) return;
bottomRef.current.scrollIntoView({ behavior: isFirstLoad ? 'instant' : 'smooth' });
}, [messages.length]);
// ── Handlers ─────────────────────────────────────────────────────────────────
@@ -193,6 +197,7 @@ export default function Nachrichten({ toast, mobile }) {
setActiveUser(u);
setMessages([]);
setDecrypted({});
prevLengthRef.current = 0;
};
const send = async (overrideText) => {
@@ -239,8 +244,8 @@ export default function Nachrichten({ toast, mobile }) {
);
return (
<div style={{ display:'flex', flex:1, height: mobile ? '100%' : '100vh',
overflow:'hidden', background:'#111114' }}>
<div style={{ display:'flex', height: mobile ? '100%' : '100vh',
overflow:'hidden', background:'#111114', flex: mobile ? 1 : undefined }}>
{/* ── Konversationsliste ─────────────────────────────────────────── */}
{showList && (