Email input fields do not set keyboard type

[tlvince]

Before creating a new issue, please confirm:

• I have searched for duplicate or closed issues and discussions.
• I have tried disabling all browser extensions or using a different browser
• I have tried deleting the node_modules folder and reinstalling my dependencies
• I have read the guide for submitting bug reports.

On which framework/platform are you having an issue?

React Native

Which UI component?

Authenticator

How is your app built?

Expo

What browsers are you seeing the problem on?

iOS (React Native), Android (React Native)

Which region are you seeing the problem in?

No response

Please describe your bug.

Using the Authenticator components with the "email" login mechanism, the default keyboard type is used.

What's the expected behaviour?

I expected the corresponding email input field to use device's email keyboard type.

Help us reproduce the bug!

Use the email login mechanism

Code Snippet

<Authenticator.Provider>
  <Authenticator loginMechanisms={['email']}>
    <SignOutButton />
  </Authenticator>
</Authenticator.Provider>

Console log output

No response

Additional information and screenshots

For phone number fields, phone-pad keyboard is used. Perhaps a new primitive for email is needed?

One workaround:

<Authenticator
  loginMechanisms={["email"]}
  components={{
    SignIn: ({ fields, ...props }) => {
      return (
        <Authenticator.SignIn
          {...props}
          fields={fields.map((field) => ({
            ...field,
            ...(field.type === "email" && {
              keyboardType: "email-address",
              autoCapitalize: "none",
            }),
          }))}
        />
      );
    },
  }}
/>

[jacoblogan]

Thank you for reporting this issue, we will add this request to our feature roadmap