diff --git a/plugins/tech-radar/src/components/RadarLegend/RadarLegend.tsx b/plugins/tech-radar/src/components/RadarLegend/RadarLegend.tsx index d2626a2dc3..705dc9f47b 100644 --- a/plugins/tech-radar/src/components/RadarLegend/RadarLegend.tsx +++ b/plugins/tech-radar/src/components/RadarLegend/RadarLegend.tsx @@ -33,13 +33,12 @@ export type Props = { const useStyles = makeStyles(theme => ({ quadrantLegend: { - overflowY: 'scroll', + overflowY: 'auto', scrollbarWidth: 'thin', }, quadrant: { height: '100%', width: '100%', - overflow: 'scroll', scrollbarWidth: 'thin', pointerEvents: 'none', }, @@ -188,8 +187,12 @@ const RadarLegend = (props: Props): JSX.Element => {
  • onEntryMouseEnter?.(entry)} - onMouseLeave={() => onEntryMouseLeave?.(entry)} + onMouseEnter={ + onEntryMouseEnter && (() => onEntryMouseEnter(entry)) + } + onMouseLeave={ + onEntryMouseLeave && (() => onEntryMouseLeave(entry)) + } > { quadrants={quadrants} rings={rings} entries={entries} - onEntryMouseEnter={entry => onEntryMouseEnter?.(entry)} - onEntryMouseLeave={entry => onEntryMouseLeave?.(entry)} + onEntryMouseEnter={ + onEntryMouseEnter && (entry => onEntryMouseEnter(entry)) + } + onEntryMouseLeave={ + onEntryMouseLeave && (entry => onEntryMouseLeave(entry)) + } /> @@ -72,8 +76,8 @@ const RadarPlot = (props: Props): JSX.Element => { description={entry.description} moved={entry.moved} title={entry.title} - onMouseEnter={() => onEntryMouseEnter?.(entry)} - onMouseLeave={() => onEntryMouseLeave?.(entry)} + onMouseEnter={onEntryMouseEnter && (() => onEntryMouseEnter(entry))} + onMouseLeave={onEntryMouseLeave && (() => onEntryMouseLeave(entry))} /> ))}