diff --git a/src/components/Dialog/index.tsx b/src/components/Dialog/index.tsx
index f30d24e6..52953505 100644
--- a/src/components/Dialog/index.tsx
+++ b/src/components/Dialog/index.tsx
@@ -90,6 +90,7 @@ export function Outer({
keyboardBlurBehavior="restore"
topInset={insets.top}
{...sheetOptions}
+ snapPoints={sheetOptions.snapPoints || ['100%']}
ref={sheet}
index={openIndex}
backgroundStyle={{backgroundColor: 'transparent'}}
@@ -99,6 +100,7 @@ export function Outer({
appearsOnIndex={0}
disappearsOnIndex={-1}
{...props}
+ style={[flatten(props.style), t.atoms.bg_contrast_300]}
/>
)}
handleIndicatorStyle={{backgroundColor: t.palette.primary_500}}
@@ -117,7 +119,7 @@ export function Outer({
},
]}
/>
- {hasSnapPoints ? children : {children}}
+ {children}
diff --git a/src/view/screens/Storybook/Dialogs.tsx b/src/view/screens/Storybook/Dialogs.tsx
index a18b3c62..821ac3c8 100644
--- a/src/view/screens/Storybook/Dialogs.tsx
+++ b/src/view/screens/Storybook/Dialogs.tsx
@@ -9,7 +9,8 @@ import * as Prompt from '#/components/Prompt'
import {useDialogStateControlContext} from '#/state/dialogs'
export function Dialogs() {
- const control = Dialog.useDialogControl()
+ const scrollable = Dialog.useDialogControl()
+ const basic = Dialog.useDialogControl()
const prompt = Prompt.usePromptControl()
const {closeAllDialogs} = useDialogStateControlContext()
@@ -20,8 +21,31 @@ export function Dialogs() {
color="secondary"
size="small"
onPress={() => {
- control.open()
+ scrollable.open()
prompt.open()
+ basic.open()
+ }}
+ label="Open basic dialog">
+ Open all dialogs
+
+
+
+
+