Alerting: Make hovercard accessible (#85195)

This commit is contained in:
Gilles De Mey
2024-03-27 10:05:30 +01:00
committed by GitHub
parent ace1cd6301
commit 90a1e8a82f
@@ -37,7 +37,7 @@ export const HoverCard = ({
}
const body = (
<Stack direction="column" gap={0}>
<Stack direction="column" gap={0} role="tooltip">
{header && <div className={styles.card.header}>{header}</div>}
<div className={styles.card.body}>{content}</div>
{footer && <div className={styles.card.footer}>{footer}</div>}
@@ -69,6 +69,7 @@ export const HoverCard = ({
onMouseLeave: hidePopper,
onFocus: showPopper,
onBlur: hidePopper,
tabIndex: 0,
})}
</>
);