fix: display of flyout hidden by dialog (#2832)

microsoftgraph · Nov 7, 2023 · 98308a8 · 98308a8
1 parent a11fc65
commit 98308a8
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/samples/react-contoso/src/pages/ChatPage.tsx b/samples/react-contoso/src/pages/ChatPage.tsx
@@ -53,6 +53,9 @@ const useStyles = makeStyles({
   },
   dialog: {
     display: 'block'
+  },
+  dialogSurface: {
+    contain: 'unset'
   }
 });
 
@@ -84,7 +87,7 @@ const ChatPage: React.FunctionComponent = () => {
                   New Chat
                 </Button>
               </DialogTrigger>
-              <DialogSurface>
+              <DialogSurface className={styles.dialogSurface}>
                 <DialogBody className={styles.dialog}>
                   <DialogTitle>New Chat</DialogTitle>
                   <NewChat
@@ -135,4 +138,4 @@ const ChatList = React.memo((props: ChatListProps) => {
   );
 });
 
-export default ChatPage;
+export default ChatPage;