Moves overflow hidden to fix automatic scrolling (#255)

llm-ui-kit · May 31, 2024 · c105c37 · c105c37
1 parent 46c081c
commit c105c37
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/apps/www/src/components/Chat.tsx b/apps/www/src/components/Chat.tsx
@@ -110,7 +110,7 @@ export const Chat = () => {
   const messagesWithoutSystem = messages.slice(1);
   const reversedMessagesWithoutSystem = R.reverse(messagesWithoutSystem);
   return (
-    <div className="flex flex-col bg-muted/50 relative overflow-y-hidden w-full h-[calc(100vh-theme(spacing.18)-2px)]">
+    <div className="flex flex-col bg-muted/50 relative w-full h-[calc(100vh-theme(spacing.18)-2px)]">
       <div
         className={`flex flex-col items-start min-[1150px]:absolute min-[1150px]:pl-4 pt-4 max-[1150px]:mx-auto max-[1150px]:max-w-2xl max-[1150px]:container`}
       >
@@ -154,7 +154,7 @@ export const Chat = () => {
       <form
         autoComplete="off"
         onSubmit={onSubmit}
-        className="flex flex-col flex-1"
+        className="flex flex-col flex-1 overflow-y-hidden"
       >
         {/* Col-reverse is used to enable automatic scrolling as content populates the div */}
         <div