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 + + + + +