diff options
Diffstat (limited to 'src/view')
-rw-r--r-- | src/view/com/auth/create/CreateAccount.tsx | 17 | ||||
-rw-r--r-- | src/view/com/auth/create/Step1.tsx | 4 | ||||
-rw-r--r-- | src/view/com/auth/create/Step2.tsx | 4 | ||||
-rw-r--r-- | src/view/com/auth/create/Step3.tsx | 3 | ||||
-rw-r--r-- | src/view/com/util/PostMeta.tsx | 8 |
5 files changed, 23 insertions, 13 deletions
diff --git a/src/view/com/auth/create/CreateAccount.tsx b/src/view/com/auth/create/CreateAccount.tsx index 449afb0d3..5d452736a 100644 --- a/src/view/com/auth/create/CreateAccount.tsx +++ b/src/view/com/auth/create/CreateAccount.tsx @@ -22,7 +22,7 @@ import { useSetSaveFeedsMutation, DEFAULT_PROD_FEEDS, } from '#/state/queries/preferences' -import {FEEDBACK_FORM_URL, IS_PROD} from '#/lib/constants' +import {FEEDBACK_FORM_URL, HITSLOP_10, IS_PROD} from '#/lib/constants' import {Step1} from './Step1' import {Step2} from './Step2' @@ -121,7 +121,11 @@ export function CreateAccount({onPressBack}: {onPressBack: () => void}) { leadin="" title={_(msg`Create Account`)} description={_(msg`We're so excited to have you join us!`)}> - <ScrollView testID="createAccount" style={pal.view}> + <ScrollView + testID="createAccount" + style={pal.view} + keyboardShouldPersistTaps="handled" + keyboardDismissMode="on-drag"> <View style={styles.stepContainer}> {uiState.step === 1 && ( <Step1 uiState={uiState} uiDispatch={uiDispatch} /> @@ -137,7 +141,8 @@ export function CreateAccount({onPressBack}: {onPressBack: () => void}) { <TouchableOpacity onPress={onPressBackInner} testID="backBtn" - accessibilityRole="button"> + accessibilityRole="button" + hitSlop={HITSLOP_10}> <Text type="xl" style={pal.link}> <Trans>Back</Trans> </Text> @@ -147,7 +152,8 @@ export function CreateAccount({onPressBack}: {onPressBack: () => void}) { <TouchableOpacity testID="nextBtn" onPress={onPressNext} - accessibilityRole="button"> + accessibilityRole="button" + hitSlop={HITSLOP_10}> {uiState.isProcessing ? ( <ActivityIndicator /> ) : ( @@ -163,7 +169,8 @@ export function CreateAccount({onPressBack}: {onPressBack: () => void}) { accessibilityRole="button" accessibilityLabel={_(msg`Retry`)} accessibilityHint="" - accessibilityLiveRegion="polite"> + accessibilityLiveRegion="polite" + hitSlop={HITSLOP_10}> <Text type="xl-bold" style={[pal.link, s.pr5]}> <Trans>Retry</Trans> </Text> diff --git a/src/view/com/auth/create/Step1.tsx b/src/view/com/auth/create/Step1.tsx index 41ec93502..a2663da86 100644 --- a/src/view/com/auth/create/Step1.tsx +++ b/src/view/com/auth/create/Step1.tsx @@ -144,7 +144,7 @@ export function Step1({ accessibilityHint={_(msg`Input email for Bluesky account`)} accessibilityLabelledBy="email" autoCapitalize="none" - autoComplete="off" + autoComplete="email" autoCorrect={false} autoFocus={!uiState.isInviteCodeRequired} /> @@ -169,7 +169,7 @@ export function Step1({ accessibilityHint={_(msg`Set password`)} accessibilityLabelledBy="password" autoCapitalize="none" - autoComplete="off" + autoComplete="new-password" autoCorrect={false} /> </View> diff --git a/src/view/com/auth/create/Step2.tsx b/src/view/com/auth/create/Step2.tsx index f6eedc2eb..6005ee3a5 100644 --- a/src/view/com/auth/create/Step2.tsx +++ b/src/view/com/auth/create/Step2.tsx @@ -28,6 +28,7 @@ import { FontAwesomeIcon, FontAwesomeIconStyle, } from '@fortawesome/react-native-fontawesome' +import {HITSLOP_10} from '#/lib/constants' export function Step2({ uiState, @@ -243,7 +244,8 @@ export function Step2({ <TouchableWithoutFeedback onPress={onPressRetry} accessibilityLabel={_(msg`Retry.`)} - accessibilityHint=""> + accessibilityHint="" + hitSlop={HITSLOP_10}> <View style={styles.touchable}> <Text type="md-medium" diff --git a/src/view/com/auth/create/Step3.tsx b/src/view/com/auth/create/Step3.tsx index bc7956da4..2fd265535 100644 --- a/src/view/com/auth/create/Step3.tsx +++ b/src/view/com/auth/create/Step3.tsx @@ -33,6 +33,9 @@ export function Step3({ placeholder="e.g. alice" value={uiState.handle} editable + autoFocus + autoComplete="off" + autoCorrect={false} onChange={value => uiDispatch({type: 'set-handle', value})} // TODO: Add explicit text label accessibilityLabel={_(msg`User handle`)} diff --git a/src/view/com/util/PostMeta.tsx b/src/view/com/util/PostMeta.tsx index 4cd574d59..3795dcf13 100644 --- a/src/view/com/util/PostMeta.tsx +++ b/src/view/com/util/PostMeta.tsx @@ -68,11 +68,9 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => { </> } href={makeProfileLink(opts.author)} - onPointerEnter={() => { - if (isWeb) { - prefetchProfileQuery(opts.author.did) - } - }} + onPointerEnter={ + isWeb ? () => prefetchProfileQuery(opts.author.did) : undefined + } /> </View> {!isAndroid && ( |