a11y: Fix no-static-element-interactions in xy chart editor (#76170)

Co-authored-by: nmarrs <nathanielmarrs@gmail.com>
pull/76808/merge
Krishna Dhakal 2 years ago committed by GitHub
parent 677f7c38e8
commit cfa7311fd4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 16
      public/app/plugins/panel/xychart/ManualEditor.tsx

@ -66,9 +66,19 @@ export const ManualEditor = ({
<div className={style.marginBot}>
{value.map((series, index) => {
return (
// TODO: fix keyboard a11y
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
<div key={`series/${index}`} className={getRowStyle(index)} onMouseDown={() => setSelected(index)}>
<div
key={`series/${index}`}
className={getRowStyle(index)}
onClick={() => setSelected(index)}
role="button"
aria-label={`Select series ${index + 1}`}
tabIndex={0}
onKeyPress={(e) => {
if (e.key === 'Enter') {
setSelected(index);
}
}}
>
<LayerName
name={series.name ?? `Series ${index + 1}`}
onChange={(v) => onFieldChange(v, index, 'name')}

Loading…
Cancel
Save