Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

feat: keyboard navigation filter item (#5667)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2023-12-18 12:36:00 +01:00 committed by GitHub
parent 5ba588f59a
commit 6bf54a2f24
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/component/filter/FilterItem/FilterItem.styles.tsx
View File

@ -11,8 +11,9 @@ export const StyledDropdown = styled('div')(({ theme }) => ({
export const StyledListItem = styled(ListItem)(({ theme }) => ({ export const StyledListItem = styled(ListItem)(({ theme }) => ({
paddingLeft: theme.spacing(1), paddingLeft: theme.spacing(1),
cursor: 'pointer', cursor: 'pointer',
'&:hover': { '&:hover, &:focus': {
backgroundColor: theme.palette.action.hover, backgroundColor: theme.palette.action.hover,
outline: 'none',
}, },
})); }));

5
frontend/src/component/filter/FilterItem/FilterItem.tsx
View File

@ -9,6 +9,7 @@ import {
StyledTextField, StyledTextField,
} from './FilterItem.styles'; } from './FilterItem.styles';
import { FilterItemChip } from './FilterItemChip/FilterItemChip'; import { FilterItemChip } from './FilterItemChip/FilterItemChip';
import { onEnter } from '../../common/Search/SearchSuggestions/onEnter';
export interface IFilterItemProps { export interface IFilterItemProps {
name: string; name: string;
@ -159,6 +160,10 @@ export const FilterItem: FC<IFilterItemProps> = ({
key={option.value} key={option.value}
dense dense
disablePadding disablePadding
tabIndex={0}
onKeyDown={onEnter(
handleToggle(option.value),
)}
onClick={handleToggle(option.value)} onClick={handleToggle(option.value)}
> >
<StyledCheckbox <StyledCheckbox