fix(react-charting): Fixed legends disappear when hovering over the scrollbar in more legends (#34289)

Author: srmukher

change/@fluentui-react-charting-c468de78-207f-4410-8bc9-181d0c77d894.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix(react-charting): Fixing legends disappear when hovering over the scrollbar in more legends",
+  "packageName": "@fluentui/react-charting",
+  "email": "120183316+srmukher@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/charts/react-charting/src/components/Legends/Legends.styles.ts

@@ -123,6 +123,9 @@ export const getStyles = (props: ILegendStyleProps): ILegendsStyles => {
     ],
     hoverCardRoot: {
       padding: '8px',
+      position: 'relative',
+      overflowY: 'auto',
+      maxHeight: '300px',
     },
     subComponentStyles: {
       hoverCardStyles: {