diff --git a/chat/package.json b/chat/package.json index 8a0c14e799..6af0666095 100644 --- a/chat/package.json +++ b/chat/package.json @@ -1,6 +1,6 @@ { "name": "chat", - "version": "0.1.10", + "version": "0.1.14", "main": "./src/index.tsx", "license": "MIT", "dependencies": { diff --git a/chat/src/App.css b/chat/src/App.css index 378fbaebe3..7f2d3bf7a3 100644 --- a/chat/src/App.css +++ b/chat/src/App.css @@ -1,7 +1,5 @@ html, body { - overflow: hidden; - overscroll-behavior-y: none; } html { @@ -11,7 +9,7 @@ html { body { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); - overflow: hidden; + /* overflow: hidden; */ /* mobile viewport bug fix */ min-height: -webkit-fill-available; } diff --git a/chat/src/features/chat/UserInput.tsx b/chat/src/features/chat/UserInput.tsx index 96dbd0f1da..864185b7a2 100644 --- a/chat/src/features/chat/UserInput.tsx +++ b/chat/src/features/chat/UserInput.tsx @@ -84,6 +84,9 @@ export function UserInput() { }, [draft] ); + const handleFocus = useCallback(() => { + builtChatInput.current?.scrollIntoView({ behavior: "smooth" }); + }, []); return (