Add missing tabIndex and onKeyDown to TaskMemberItem (#168)

Jambo258 · Feb 15, 2024 · 2d7f365 · 2d7f365
1 parent 1200eaf
commit 2d7f365
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/frontend/src/features/kanban/TaskMemberItem.tsx b/frontend/src/features/kanban/TaskMemberItem.tsx
@@ -48,8 +48,13 @@ export const TaskMember = ({
   return (
     <div
       role="button"
-      onClick={handleOnClick}
-      className="flex flex-row justify-between items-center mb-2"
+      onClick={handleOnClick} 
+      tabIndex={0}
+      onKeyDown={(e) => {
+        if (e.key !== "Enter") return;
+        handleOnClick();
+      }}
+      className="flex flex-row justify-between items-center mb-2 focus:outline-none focus:ring focus:ring-dark-blue-50 rounded"
     >
       <section className="inline-flex items-center gap-2.5">
         <UserIcon id={member.id} name={member.name} />