Dismiss tooltip on press of esc key

[jamestalmond]

Is there an existing issue for this?

• I have searched the existing issues

Code of Conduct

• I agree to follow this project's Code of Conduct

Feature Request

As part of a recent accessibility audit, it's been flagged that VictoryTooltip that appear on hover cannot be dismissed by pressing the escape key.

I've been trying to find a work around to resolve this issue, however, there doesn't appear to be a way of doing this that I can find.

I suspect that ability would need to be added internally to this:

const activate = props.activateData ? [{
  target: "labels",
  mutation: () => ({
    active: true
  })
}, {
  target: "data",
  mutation: () => ({
    active: true
  })
}] : [{
  target: "labels",
  mutation: () => ({
    active: true
  })
}];
const deactivate = props.activateData ? [{
  target: "labels",
  mutation: () => ({
    active: undefined
  })
}, {
  target: "data",
  mutation: () => ({
    active: undefined
  })
}] : [{
  target: "labels",
  mutation: () => ({
    active: undefined
  })
}];
return [{
  target: "data",
  eventHandlers: {
    onMouseOver: () => activate,
    onFocus: () => activate,
    onTouchStart: () => activate,
    onMouseOut: () => deactivate,
    onBlur: () => deactivate,
    onTouchEnd: () => deactivate
  }
}];

Can this functionality be added? Better yet, could a feature be added which enables consumers to pass in their own onKeyUp events?

[github-actions]

This issue is stale because it has been open for 90 days with no activity. If there is no activity in the next 7 days, the issue will be closed.

[github-actions]

This issue was closed because it has been inactive for 7 days since being marked as stale. Please open a new issue if you believe you are encountering a related problem.