engineering/tpmjs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2.1k

fix: resolve jsx-a11y lint error in AppHeader dropdown

Browse source
This commit is contained in:
Ajax Davis 2026-01-14 04:50:53 +10:00
parent 1e49e5f9a5
commit e0aa8f9619
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/web/src/components/AppHeader.tsx
View file

@ -85,7 +85,7 @@ function NavDropdown({ label, items }: NavDropdownProps): React.ReactElement {
};
return (
<div className="relative" ref={dropdownRef} onKeyDown={handleKeyDown}>
<div className="relative" ref={dropdownRef}>
<Button
ref={buttonRef}
variant="ghost"
@ -95,6 +95,7 @@ function NavDropdown({ label, items }: NavDropdownProps): React.ReactElement {
setIsOpen(!isOpen);
if (!isOpen) setFocusedIndex(-1);
}}
onKeyDown={handleKeyDown}
aria-expanded={isOpen}
aria-haspopup="menu"
>
@ -110,6 +111,8 @@ function NavDropdown({ label, items }: NavDropdownProps): React.ReactElement {
ref={menuRef}
role="menu"
aria-label={label}
tabIndex={-1}
onKeyDown={handleKeyDown}
className="absolute top-full left-0 mt-1 w-56 bg-background border border-border rounded-lg shadow-lg py-1 z-50"
>
{items.map((item, index) =>