IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

A11y: Fixed keyboard accessibility in Tooltip Component (#72323)

Browse Source 
* A11y: Fixed keyboard accessibility in Tooltip Component

* Made updates and fixed the keyboard accessibility
This commit is contained in:
RoxanaAnamariaTurc 2023-07-26 16:45:04 +01:00 committed by GitHub
parent 5ba164d92b
commit deae64bb90
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/grafana-ui/src/components/Tooltip/Popover.tsx
View File

@ -34,18 +34,8 @@ interface Props extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
class Popover extends PureComponent<Props> {
render() {
const {
content,
show,
placement,
onMouseEnter,
onMouseLeave,
className,
wrapperClassName,
renderArrow,
referenceElement,
onKeyDown,
} = this.props;
const { content, show, placement, className, wrapperClassName, renderArrow, referenceElement, ...rest } =
this.props;
return (
<Manager>
@ -66,12 +56,7 @@ class Popover extends PureComponent<Props> {
>
{({ ref, style, placement, arrowProps, update }) => {
return (
// TODO: fix keyboard a11y
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
<div
onMouseEnter={onMouseEnter}
onMouseLeave={onMouseLeave}
onKeyDown={onKeyDown}
ref={ref}
style={{
...style,
@ -80,6 +65,7 @@ class Popover extends PureComponent<Props> {
}}
data-placement={placement}
className={`${wrapperClassName}`}
{...rest}
>
<div className={className}>
{typeof content === 'string' && content}