forked from rDrama/rDrama
Scroll chat input into view when focused
parent
6687e89e1c
commit
1ff185fe9f
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "chat",
|
"name": "chat",
|
||||||
"version": "0.1.10",
|
"version": "0.1.11",
|
||||||
"main": "./src/index.tsx",
|
"main": "./src/index.tsx",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
|
@ -84,6 +84,9 @@ export function UserInput() {
|
||||||
},
|
},
|
||||||
[draft]
|
[draft]
|
||||||
);
|
);
|
||||||
|
const handleFocus = useCallback(() => {
|
||||||
|
builtChatInput.current?.scrollIntoView({ behavior: "smooth" });
|
||||||
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<form ref={form} className="UserInput" onSubmit={handleSendMessage}>
|
<form ref={form} className="UserInput" onSubmit={handleSendMessage}>
|
||||||
|
@ -118,6 +121,7 @@ export function UserInput() {
|
||||||
rows={1}
|
rows={1}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
onKeyUp={handleKeyUp}
|
onKeyUp={handleKeyUp}
|
||||||
|
onFocus={handleFocus}
|
||||||
placeholder="Message"
|
placeholder="Message"
|
||||||
autoComplete="off"
|
autoComplete="off"
|
||||||
value={draft}
|
value={draft}
|
||||||
|
|
Loading…
Reference in New Issue