about summary refs log tree commit diff
path: root/src/view/com
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com')
-rw-r--r--src/view/com/auth/create/CreateAccount.tsx17
-rw-r--r--src/view/com/auth/create/Step1.tsx4
-rw-r--r--src/view/com/auth/create/Step2.tsx4
-rw-r--r--src/view/com/auth/create/Step3.tsx3
-rw-r--r--src/view/com/util/PostMeta.tsx8
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 && (