forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
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
+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
+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
+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" />