From 0b6257a9a6e27ad62235268816ac03d3b9a98eff Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Mon, 11 Nov 2024 16:41:27 +0100 Subject: [PATCH] bugfix(react-dialog): ensures dialog surface style without surfaceMotion (#33247) --- ...-react-dialog-5f8bb155-a039-460c-8314-c8d28bfe9cfa.json | 7 +++++++ .../DialogSurface/useDialogSurfaceStyles.styles.ts | 3 +++ 2 files changed, 10 insertions(+) create mode 100644 change/@fluentui-react-dialog-5f8bb155-a039-460c-8314-c8d28bfe9cfa.json diff --git a/change/@fluentui-react-dialog-5f8bb155-a039-460c-8314-c8d28bfe9cfa.json b/change/@fluentui-react-dialog-5f8bb155-a039-460c-8314-c8d28bfe9cfa.json new file mode 100644 index 0000000000000..96142d47eddb1 --- /dev/null +++ b/change/@fluentui-react-dialog-5f8bb155-a039-460c-8314-c8d28bfe9cfa.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: ensures dialog surface style without surfaceMotion", + "packageName": "@fluentui/react-dialog", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-dialog/library/src/components/DialogSurface/useDialogSurfaceStyles.styles.ts b/packages/react-components/react-dialog/library/src/components/DialogSurface/useDialogSurfaceStyles.styles.ts index 28f24e12a28bd..affb3958430e5 100644 --- a/packages/react-components/react-dialog/library/src/components/DialogSurface/useDialogSurfaceStyles.styles.ts +++ b/packages/react-components/react-dialog/library/src/components/DialogSurface/useDialogSurfaceStyles.styles.ts @@ -39,6 +39,9 @@ const useRootBaseStyle = makeResetStyles({ boxSizing: 'border-box', backgroundColor: tokens.colorNeutralBackground1, color: tokens.colorNeutralForeground1, + // Same styles as DialogSurfaceMotion last keyframe, + // to ensure dialog will be properly styled when surfaceMotion is opted-out + boxShadow: tokens.shadow64, [MEDIA_QUERY_BREAKPOINT_SELECTOR]: { maxWidth: '100vw',