From c0236b4ba7b64269862dfa49579534d57804626e Mon Sep 17 00:00:00 2001 From: Daniel Lew Date: Mon, 2 Mar 2026 18:25:48 -0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=8D=20fix:=20Correct=20Conversations?= =?UTF-8?q?=20ARIA=20Role=20and=20Increase=20Placeholder=20Contrast=20(#12?= =?UTF-8?q?021)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Set Conversations list role as "rowgroup", which better describes what is actually going on than "row". - Increased contrast on placeholder text in ChatForm. --- client/src/components/Chat/Input/ChatForm.tsx | 2 +- client/src/components/Conversations/Conversations.tsx | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/client/src/components/Chat/Input/ChatForm.tsx b/client/src/components/Chat/Input/ChatForm.tsx index 45277e5b9c..acce0d6f25 100644 --- a/client/src/components/Chat/Input/ChatForm.tsx +++ b/client/src/components/Chat/Input/ChatForm.tsx @@ -194,7 +194,7 @@ const ChatForm = memo(({ index = 0 }: { index?: number }) => { const baseClasses = useMemo( () => cn( - 'md:py-3.5 m-0 w-full resize-none py-[13px] placeholder-black/50 bg-transparent dark:placeholder-white/50 [&:has(textarea:focus)]:shadow-[0_2px_6px_rgba(0,0,0,.05)]', + 'md:py-3.5 m-0 w-full resize-none py-[13px] placeholder-black/60 bg-transparent dark:placeholder-white/60 [&:has(textarea:focus)]:shadow-[0_2px_6px_rgba(0,0,0,.05)]', isCollapsed ? 'max-h-[52px]' : 'max-h-[45vh] md:max-h-[55vh]', isMoreThanThreeRows ? 'pl-5' : 'px-5', ), diff --git a/client/src/components/Conversations/Conversations.tsx b/client/src/components/Conversations/Conversations.tsx index fc66c0977a..c7eb4d53ef 100644 --- a/client/src/components/Conversations/Conversations.tsx +++ b/client/src/components/Conversations/Conversations.tsx @@ -384,6 +384,7 @@ const Conversations: FC = ({ onRowsRendered={handleRowsRendered} tabIndex={-1} style={{ outline: 'none', scrollbarGutter: 'stable' }} + containerRole="rowgroup" /> )}