jeanmachine.dev / witchsky.app
forked from jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fork atom

Set keyboardDismisMode to interactive on the report dialog (#3288)

authored by

Paul Frazee and committed by
GitHub 2e2fae37 b6c9d34e

+16 -4
+6 -2
src/components/Dialog/index.tsx
··· 206 206 ) 207 207 } 208 208 209 - export function ScrollableInner({children, style}: DialogInnerProps) { 209 + export function ScrollableInner({ 210 + children, 211 + keyboardDismissMode, 212 + style, 213 + }: DialogInnerProps) { 210 214 const insets = useSafeAreaInsets() 211 215 return ( 212 216 <BottomSheetScrollView 213 217 keyboardShouldPersistTaps="handled" 214 - keyboardDismissMode="on-drag" 218 + keyboardDismissMode={keyboardDismissMode || 'on-drag'} 215 219 style={[ 216 220 a.flex_1, // main diff is this 217 221 a.p_xl,
+7 -1
src/components/Dialog/types.ts
··· 1 1 import React from 'react' 2 - import type {AccessibilityProps, GestureResponderEvent} from 'react-native' 2 + import type { 3 + AccessibilityProps, 4 + GestureResponderEvent, 5 + ScrollViewProps, 6 + } from 'react-native' 3 7 import {BottomSheetProps} from '@gorhom/bottom-sheet' 4 8 5 9 import {ViewStyleProp} from '#/alf' ··· 61 65 label?: undefined 62 66 accessibilityLabelledBy: A11yProps['aria-labelledby'] 63 67 accessibilityDescribedBy: string 68 + keyboardDismissMode?: ScrollViewProps['keyboardDismissMode'] 64 69 }> 65 70 | DialogInnerPropsBase<{ 66 71 label: string 67 72 accessibilityLabelledBy?: undefined 68 73 accessibilityDescribedBy?: undefined 74 + keyboardDismissMode?: ScrollViewProps['keyboardDismissMode'] 69 75 }>
+3 -1
src/components/ReportDialog/index.tsx
··· 37 37 const isLoading = useDelayedLoading(500, isLabelerLoading) 38 38 39 39 return ( 40 - <Dialog.ScrollableInner label="Report Dialog"> 40 + <Dialog.ScrollableInner 41 + label="Report Dialog" 42 + keyboardDismissMode="interactive"> 41 43 {isLoading ? ( 42 44 <View style={[a.align_center, {height: 100}]}> 43 45 <Loader size="xl" />