fix edit dialog stories render

target · Feb 9, 2024 · 40a9cb8 · 40a9cb8
1 parent 3335e57
commit 40a9cb8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/web/src/app/users/UserContactMethodEditDialogDest.stories.tsx b/web/src/app/users/UserContactMethodEditDialogDest.stories.tsx
@@ -11,6 +11,12 @@ const meta = {
   component: UserContactMethodEditDialogDest,
   tags: ['autodocs'],
   parameters: {
+    docs: {
+      story: {
+        inline: false,
+        iframeHeight: 500,
+      },
+    },
     msw: {
       handlers: [
         handleDefaultConfig,
@@ -82,7 +88,13 @@ const meta = {
       if (args.onClose) args.onClose()
       setArgs({ value: '' })
     }
-    return <UserContactMethodEditDialogDest {...args} onClose={onClose} />
+    return (
+      <UserContactMethodEditDialogDest
+        {...args}
+        disablePortal
+        onClose={onClose}
+      />
+    )
   },
 } satisfies Meta<typeof UserContactMethodEditDialogDest>
 

diff --git a/web/src/app/users/UserContactMethodEditDialogDest.tsx b/web/src/app/users/UserContactMethodEditDialogDest.tsx
@@ -37,9 +37,11 @@ type Value = {
 export default function UserContactMethodEditDialogDest({
   onClose,
   contactMethodID,
+  disablePortal,
 }: {
   onClose: () => void
   contactMethodID: string
+  disablePortal?: boolean
 }): React.ReactNode {
   const [{ data }] = useQuery<{
     userContactMethod: UserContactMethod
@@ -68,6 +70,7 @@ export default function UserContactMethodEditDialogDest({
     <FormDialog
       title='Edit Contact Method'
       loading={fetching}
+      disablePortal={disablePortal}
       errors={nonFieldErrors(error)}
       onClose={onClose}
       onSubmit={() => {