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

* implement VizLegend keyboard accessibility * add onBlur/onFocus
2022-11-03 10:22:50 +00:00
parent e6b088fbf5
commit f76ba90078
9 changed files with 90 additions and 55 deletions
@@ -147,8 +147,10 @@ function SpanBar({
  return (
    <div
      className={cx(styles.wrapper, className)}
+      onBlur={setShortLabel}
      onClick={onClick}
-      onMouseLeave={setShortLabel}
+      onFocus={setLongLabel}
+      onMouseOut={setShortLabel}
      onMouseOver={setLongLabel}
      aria-hidden
      data-testid={selectors.components.TraceViewer.spanBar}