Accessibility: Enable jsx-a11y/mouse-events-have-key-events (#58050)

* implement VizLegend keyboard accessibility

* add onBlur/onFocus
This commit is contained in:
Ashley Harrison
2022-11-03 10:22:50 +00:00
committed by GitHub
parent e6b088fbf5
commit f76ba90078
9 changed files with 90 additions and 55 deletions

View File

@@ -37,8 +37,10 @@ export function GraphiteFunctionEditor({ func }: FunctionEditorProps) {
return (
<div
className={cx(styles.container, { [styles.error]: func.def.unknown })}
onBlur={() => setIsMouseOver(false)}
onFocus={() => setIsMouseOver(true)}
onMouseOver={() => setIsMouseOver(true)}
onMouseLeave={() => setIsMouseOver(false)}
onMouseOut={() => setIsMouseOver(false)}
>
<HorizontalGroup spacing="none">
<FunctionEditor