fix: The navItems are not clickable with vimium (accessibility) (#12813)

Signed-off-by: Michael Fresco <15065392+michaelfresco@users.noreply.github.com>
argoproj · Nov 6, 2024 · be194b1 · be194b1
1 parent 54f36c7
commit be194b1
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/nav-bar/nav-bar.tsx b/src/components/nav-bar/nav-bar.tsx
@@ -36,7 +36,7 @@ export const NavBar: React.FunctionComponent<NavBarProps> = (props: NavBarProps,
                 {(props.items || []).map((item) => (
                     <Tooltip content={item.title} placement='right' arrow={true} key={item.path + item.title}>
                         <div className={classNames('nav-bar__item', { active: isActiveRoute(locationPath, item.path) })}
-                            onClick={() => context.router.history.push(item.path)}>
+                            onClick={() => context.router.history.push(item.path)} role="checkbox">
                             <i className={item.iconClassName}/>
                         </div>
                     </Tooltip>