diff options
Diffstat (limited to 'src/components/Menu/index.tsx')
-rw-r--r-- | src/components/Menu/index.tsx | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx index a22f43cf8..12cf1866e 100644 --- a/src/components/Menu/index.tsx +++ b/src/components/Menu/index.tsx @@ -18,6 +18,7 @@ import { ItemTextProps, TriggerProps, } from '#/components/Menu/types' +import {PortalComponent} from '#/components/Portal' import {Text} from '#/components/Typography' export { @@ -77,9 +78,11 @@ export function Trigger({children, label}: TriggerProps) { export function Outer({ children, showCancel, + Portal, }: React.PropsWithChildren<{ showCancel?: boolean style?: StyleProp<ViewStyle> + Portal?: PortalComponent }>) { const context = React.useContext(Context) const {_} = useLingui() @@ -87,15 +90,15 @@ export function Outer({ return ( <Dialog.Outer control={context.control} - nativeOptions={{preventExpansion: true}}> + nativeOptions={{preventExpansion: true}} + Portal={Portal}> <Dialog.Handle /> {/* Re-wrap with context since Dialogs are portal-ed to root */} <Context.Provider value={context}> - <Dialog.ScrollableInner label={_(msg`Menu`)} style={[a.pt_sm]}> + <Dialog.ScrollableInner label={_(msg`Menu`)} style={[a.py_sm]}> <View style={[a.gap_lg]}> {children} {isNative && showCancel && <Cancel />} - <View style={[{height: a.pb_lg.paddingBottom}]} /> </View> </Dialog.ScrollableInner> </Context.Provider> |