From 67514303432740596af4e189ddca5215391ca3bd Mon Sep 17 00:00:00 2001 From: srmukher <120183316+srmukher@users.noreply.github.com> Date: Thu, 13 Nov 2025 13:13:28 +0000 Subject: [PATCH 1/2] Ensuring annotation keeps tied with chart always --- .../CommonComponents/useCartesianChartStyles.styles.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/charts/react-charts/library/src/components/CommonComponents/useCartesianChartStyles.styles.ts b/packages/charts/react-charts/library/src/components/CommonComponents/useCartesianChartStyles.styles.ts index 39bdec1f19da7d..e5dc3c9eb479f3 100644 --- a/packages/charts/react-charts/library/src/components/CommonComponents/useCartesianChartStyles.styles.ts +++ b/packages/charts/react-charts/library/src/components/CommonComponents/useCartesianChartStyles.styles.ts @@ -45,6 +45,8 @@ const useStyles = makeStyles({ }, chartWrapper: { position: 'relative', + }, + chartWrapperMinWidth: { overflow: 'auto', }, plotContainer: { @@ -121,7 +123,8 @@ export const useCartesianChartStyles = (props: CartesianChartProps): CartesianCh root: mergeClasses(cartesianchartClassNames.root, baseStyles.root, props.styles?.root), chartWrapper: mergeClasses( cartesianchartClassNames.chartWrapper, - props.reflowProps?.mode === 'min-width' ? baseStyles.chartWrapper : '', + baseStyles.chartWrapper, + props.reflowProps?.mode === 'min-width' ? baseStyles.chartWrapperMinWidth : undefined, props.styles?.chartWrapper, ), plotContainer: mergeClasses( From 58660b3240a6fb70f735572eab042d1010da7e3f Mon Sep 17 00:00:00 2001 From: srmukher <120183316+srmukher@users.noreply.github.com> Date: Thu, 13 Nov 2025 13:30:59 +0000 Subject: [PATCH 2/2] Add change file --- ...-react-charts-f84b0058-ec96-4ba7-b4ca-c8d2932771b3.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-react-charts-f84b0058-ec96-4ba7-b4ca-c8d2932771b3.json diff --git a/change/@fluentui-react-charts-f84b0058-ec96-4ba7-b4ca-c8d2932771b3.json b/change/@fluentui-react-charts-f84b0058-ec96-4ba7-b4ca-c8d2932771b3.json new file mode 100644 index 00000000000000..9cd9ae26c4ba31 --- /dev/null +++ b/change/@fluentui-react-charts-f84b0058-ec96-4ba7-b4ca-c8d2932771b3.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix(react-charts): Ensuring annotation keeps tied with chart always", + "packageName": "@fluentui/react-charts", + "email": "120183316+srmukher@users.noreply.github.com", + "dependentChangeType": "patch" +}