From 9a8441550c5ac7a3ab83c0a29e54166c21d90640 Mon Sep 17 00:00:00 2001
From: Zubair Shakoor <zubair.shakoor@A006-00863.local>
Date: Thu, 13 Mar 2025 15:02:05 +0500
Subject: [PATCH] fixed tab index for tab press

---
 src/discussions/learners/learner/LearnerFilterBar.jsx   | 4 ++--
 src/discussions/posts/post-filter-bar/PostFilterBar.jsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/discussions/learners/learner/LearnerFilterBar.jsx b/src/discussions/learners/learner/LearnerFilterBar.jsx
index 32f91218f..bad6e728f 100644
--- a/src/discussions/learners/learner/LearnerFilterBar.jsx
+++ b/src/discussions/learners/learner/LearnerFilterBar.jsx
@@ -28,10 +28,10 @@ const ActionItem = React.memo(({
     style={{ cursor: 'pointer' }}
     aria-checked={value === selected}
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-    tabIndex={value === selected ? '0' : '-1'}
+    tabIndex={'0'}
   >
     <Icon src={Check} className={classNames('text-success mr-2', { invisible: value !== selected })} />
-    <Form.Radio id={id} className="sr-only sr-only-focusable" value={value} tabIndex="0">
+    <Form.Radio id={id} className="sr-only sr-only-focusable" value={value} tabIndex="-1">
       {label}
     </Form.Radio>
     <span aria-hidden className="text-truncate">
diff --git a/src/discussions/posts/post-filter-bar/PostFilterBar.jsx b/src/discussions/posts/post-filter-bar/PostFilterBar.jsx
index f601cb04d..557193c2d 100644
--- a/src/discussions/posts/post-filter-bar/PostFilterBar.jsx
+++ b/src/discussions/posts/post-filter-bar/PostFilterBar.jsx
@@ -42,10 +42,10 @@ export const ActionItem = React.memo(({
     style={{ cursor: 'pointer' }}
     aria-checked={value === selected}
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-    tabIndex={value === selected ? '0' : '-1'}
+    tabIndex={'0'}
   >
     <Icon src={Check} className={classNames('text-success dropdown-icon-dimensions', { invisible: value !== selected })} />
-    <Form.Radio id={id} className="sr-only sr-only-focusable" value={value} tabIndex="0">
+    <Form.Radio id={id} className="sr-only sr-only-focusable" value={value} tabIndex="-1">
       {label}
     </Form.Radio>
     <span aria-hidden className="text-truncate">