react-native icon indicating copy to clipboard operation
react-native copied to clipboard

SecureTextEntry for password field hides suggestions for other textinputs on IOS

Open jaikantshikray opened this issue 3 years ago • 1 comments

Description

i have two text input fields for login form one input field is for email where i want to show suggestions for email and the second text input is the password field where i have secureTextEntry=true so it causes the suggestions to stop even for email field if i set secureTextEntry=false then it shows the suggestion for email field but my password is now showing up in letters instead of *

Version

0.64.2

Output of npx react-native info

there is no result in terminal

Steps to reproduce

i have two text input fields for login form one input field is for email where i want to show suggestions for email and the second text input is the password field where i have secureTextEntry=true so it causes the suggestions to stop even for email field if i set secureTextEntry=false then it shows the suggestion for email field but my password is now showing up in letters instead of *

Snack, code example, screenshot, or link to a repository

<TextInput label={languages.your_email} onSubmitEditing={() => this.passwordInput.focus()} returnKeyType="next" keyboardType="email-address" autoCorrect={true} textContentType={"emailAddress"} value={this.state.email} onChangeText={value => { this.setState({email: value}, () => { this.validateForms(); }) }} style={loginStyles.textInputStyle} theme={{ colors: {primary: "blue"}, fonts: { regular: {fontFamily: LABEL_FONT_FAMILY}, medium: {fontFamily: LABEL_FONT_FAMILY}, thin: {fontFamily: LABEL_FONT_FAMILY}, light: {fontFamily: LABEL_FONT_FAMILY} } }} />

      <TextInput
          label={languages.your_password}
          ref={input => (this.passwordInput = input)}
          returnKeyType="go"
          secureTextEntry={this.state.isPasswordHide}
          value={this.state.password}
          onChangeText={value => {
            this.setState({password: value}, () => {
              this.validateForms();
            })
          }}
          style={[loginStyles.textInputStyle, {
            paddingRight: 30,
          }]}
          onSubmitEditing={() => {
            this.loginUser();
          }}
          theme={{
            colors: {primary: "blue"},
            fonts: {
              regular: {fontFamily: LABEL_FONT_FAMILY},
              medium: {fontFamily: LABEL_FONT_FAMILY},
              thin: {fontFamily: LABEL_FONT_FAMILY},
              light: {fontFamily: LABEL_FONT_FAMILY}
            }
          }}
        >
        </TextInput>

jaikantshikray avatar Jul 15 '22 07:07 jaikantshikray

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

github-actions[bot] avatar Jan 12 '23 02:01 github-actions[bot]

This issue was closed because it has been stalled for 7 days with no activity.

github-actions[bot] avatar Jan 19 '23 02:01 github-actions[bot]