Merge pull request #23447 from chiragxarora/fix/23303

Disabling spell check on multiple pages

Author: grgia

src/components/AddressSearch/index.js

@@ -278,6 +278,7 @@ function AddressSearch(props) {
                             }
                         },
                         maxLength: props.maxInputLength,
+                        spellCheck: false,
                     }}
                     styles={{
                         textInputContainer: [styles.flexColumn],

src/components/OptionsSelector/BaseOptionsSelector.js

@@ -326,6 +326,7 @@ class BaseOptionsSelector extends Component {
                 }}
                 selectTextOnFocus
                 blurOnSubmit={Boolean(this.state.allOptions.length)}
+                spellCheck={false}
             />
         );
         const optionsList = (

src/components/RoomNameInput/index.js

@@ -60,6 +60,7 @@ function RoomNameInput({autoFocus, disabled, errorText, forwardedRef, value, onB
             onBlur={onBlur}
             autoFocus={autoFocus}
             maxLength={CONST.REPORT.MAX_ROOM_NAME_LENGTH}
+            spellCheck={false}
         />
     );
 }

src/components/SelectionListRadio/BaseSelectionListRadio.js

@@ -230,6 +230,7 @@ function BaseSelectionListRadio(props) {
                                     onChangeText={props.onChangeText}
                                     keyboardType={props.keyboardType}
                                     selectTextOnFocus
+                                    spellCheck={false}
                                 />
                             </View>
                         )}

src/pages/settings/Payments/AddDebitCardPage.js

@@ -120,6 +120,7 @@ function DebitCardPage(props) {
                     accessibilityLabel={translate('addDebitCardPage.nameOnCard')}
                     accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                     ref={(ref) => (nameOnCardRef.current = ref)}
+                    spellCheck={false}
                 />
                 <TextInput
                     inputID="cardNumber"

src/pages/settings/Profile/DisplayNamePage.js

@@ -93,6 +93,7 @@ function DisplayNamePage(props) {
                         defaultValue={lodashGet(currentUserDetails, 'firstName', '')}
                         maxLength={CONST.DISPLAY_NAME.MAX_LENGTH}
                         autoCapitalize="words"
+                        spellCheck={false}
                     />
                 </View>
                 <View>
@@ -105,6 +106,7 @@ function DisplayNamePage(props) {
                         defaultValue={lodashGet(currentUserDetails, 'lastName', '')}
                         maxLength={CONST.DISPLAY_NAME.MAX_LENGTH}
                         autoCapitalize="words"
+                        spellCheck={false}
                     />
                 </View>
             </Form>

src/pages/settings/Profile/PersonalDetails/AddressPage.js

@@ -167,6 +167,7 @@ function AddressPage({privatePersonalDetails}) {
                     accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                     defaultValue={street2 || ''}
                     maxLength={CONST.FORM_CHARACTER_LIMIT}
+                    spellCheck={false}
                 />
                 <View style={styles.formSpaceVertical} />
                 <View style={styles.mhn5}>
@@ -192,6 +193,7 @@ function AddressPage({privatePersonalDetails}) {
                         accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                         defaultValue={address.state || ''}
                         maxLength={CONST.FORM_CHARACTER_LIMIT}
+                        spellCheck={false}
                     />
                 )}
                 <View style={styles.formSpaceVertical} />
@@ -202,6 +204,7 @@ function AddressPage({privatePersonalDetails}) {
                     accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                     defaultValue={address.city || ''}
                     maxLength={CONST.FORM_CHARACTER_LIMIT}
+                    spellCheck={false}
                 />
                 <View style={styles.formSpaceVertical} />
                 <TextInput

src/pages/settings/Profile/PersonalDetails/LegalNamePage.js

@@ -96,6 +96,7 @@ function LegalNamePage(props) {
                         accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                         defaultValue={legalFirstName}
                         maxLength={CONST.DISPLAY_NAME.MAX_LENGTH}
+                        spellCheck={false}
                     />
                 </View>
                 <View>
@@ -107,6 +108,7 @@ function LegalNamePage(props) {
                         accessibilityRole={CONST.ACCESSIBILITY_ROLE.TEXT}
                         defaultValue={legalLastName}
                         maxLength={CONST.DISPLAY_NAME.MAX_LENGTH}
+                        spellCheck={false}
                     />
                 </View>
             </Form>

src/pages/tasks/NewTaskDetailsPage.js

@@ -35,7 +35,7 @@ const defaultProps = {
     task: {},
 };
 
-function NewTaskPage(props) {
+function NewTaskDetailsPage(props) {
     const inputRef = useRef();
     const [taskTitle, setTaskTitle] = useState(props.task.title);
     const [taskDescription, setTaskDescription] = useState(props.task.description || '');
@@ -121,9 +121,9 @@ function NewTaskPage(props) {
     );
 }
 
-NewTaskPage.displayName = 'NewTaskPage';
-NewTaskPage.propTypes = propTypes;
-NewTaskPage.defaultProps = defaultProps;
+NewTaskDetailsPage.displayName = 'NewTaskDetailsPage';
+NewTaskDetailsPage.propTypes = propTypes;
+NewTaskDetailsPage.defaultProps = defaultProps;
 
 export default compose(
     withOnyx({
@@ -135,4 +135,4 @@ export default compose(
         },
     }),
     withLocalize,
-)(NewTaskPage);
+)(NewTaskDetailsPage);

src/pages/workspace/WorkspaceMembersPage.js

@@ -453,6 +453,7 @@ function WorkspaceMembersPage(props) {
                                 onChangeText={setSearchValue}
                                 label={props.translate('optionsSelector.findMember')}
                                 accessibilityLabel={props.translate('optionsSelector.findMember')}
+                                spellCheck={false}
                             />
                         </View>
                         {data.length > 0 ? (

src/pages/workspace/WorkspaceSettingsPage.js

@@ -135,6 +135,7 @@ function WorkspaceSettingsPage(props) {
                             containerStyles={[styles.mt4]}
                             defaultValue={props.policy.name}
                             maxLength={CONST.WORKSPACE_NAME_CHARACTER_LIMIT}
+                            spellCheck={false}
                         />
                         <View style={[styles.mt4]}>
                             <Picker