fix: Fokus nach Senden zurück ins Eingabefeld
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -28,6 +28,7 @@ export default function HeroSalesChat() {
|
|||||||
// Ref auf den scrollbaren Container – nicht auf einen inneren Anker.
|
// Ref auf den scrollbaren Container – nicht auf einen inneren Anker.
|
||||||
// scrollTop = scrollHeight scrollt nur diesen Container, nicht die Seite.
|
// scrollTop = scrollHeight scrollt nur diesen Container, nicht die Seite.
|
||||||
const scrollAreaRef = useRef<HTMLDivElement>(null)
|
const scrollAreaRef = useRef<HTMLDivElement>(null)
|
||||||
|
const inputRef = useRef<HTMLInputElement>(null)
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const el = scrollAreaRef.current
|
const el = scrollAreaRef.current
|
||||||
@@ -40,6 +41,7 @@ export default function HeroSalesChat() {
|
|||||||
|
|
||||||
setInput('')
|
setInput('')
|
||||||
setError(null)
|
setError(null)
|
||||||
|
inputRef.current?.focus()
|
||||||
|
|
||||||
const userMsg: Message = { id: crypto.randomUUID(), role: 'user', text }
|
const userMsg: Message = { id: crypto.randomUUID(), role: 'user', text }
|
||||||
setMessages((prev) => [...prev, userMsg])
|
setMessages((prev) => [...prev, userMsg])
|
||||||
@@ -146,6 +148,7 @@ export default function HeroSalesChat() {
|
|||||||
{/* ── Eingabe ── */}
|
{/* ── Eingabe ── */}
|
||||||
<div className="flex items-center gap-3 px-5 py-4 border-t border-gray-200 flex-shrink-0">
|
<div className="flex items-center gap-3 px-5 py-4 border-t border-gray-200 flex-shrink-0">
|
||||||
<input
|
<input
|
||||||
|
ref={inputRef}
|
||||||
type="text"
|
type="text"
|
||||||
value={input}
|
value={input}
|
||||||
onChange={(e) => setInput(e.target.value)}
|
onChange={(e) => setInput(e.target.value)}
|
||||||
|
|||||||
Reference in New Issue
Block a user