Save Recovery Phrase form not submitting (+ UI Suggestions)

[Legacy] GitHub Discussions
1

I open the web3auth dialog with mfaLevel: 'mandatory' and am taken through the process as expected. I click [Set up 2FA] and follow the prompts to get to the Save Recovery Phrase screen. I enter my email address* and click Continue. The button gives me a visual that suggests it has been clicked, but the form does not submit.

for what it's worth, logging in with mfaLevel: none works well

    • UI Suggestions:
  1. consider changing the input type of the Email form field to <input type="email">? this will prevent iOS from trying to 1) capitalize your email, and 2) auto-correct spelling.
  2. in dark mode, it is not clear that there is an input field on the screen at all
  3. consider adding a meta tag to prevent the screen from zooming when you tap into the input field on mobile: <meta name="viewport" content="width=device-width, initial-scale=1.0">


Originally posted by: pmn4

Check the discussion at: https://github.com/orgs/Web3Auth/discussions/1362
1 Like
2

on https://app.openlogin.com/register, this is the failing request:

Request

fetch("https://email.tkey.io/send_mail", {
  "headers": {
    "accept": "*/*",
    "accept-language": "en-US,en;q=0.9",
    "content-type": "application/json; charset=utf-8",
    "sec-ch-ua": "\"Chromium\";v=\"112\", \"Google Chrome\";v=\"112\", \"Not:A-Brand\";v=\"99\"",
    "sec-ch-ua-mobile": "?0",
    "sec-ch-ua-platform": "\"macOS\"",
    "sec-fetch-dest": "empty",
    "sec-fetch-mode": "cors",
    "sec-fetch-site": "cross-site"
  },
  "referrer": "https://app.openlogin.com/",
  "referrerPolicy": "strict-origin-when-cross-origin",
  "body": "{\"data\":\"...\",\"logo\":\"https://community/images.toruswallet.io/web3auth-logo-white.svg\",\"name\":\"Web3Auth\",\"email\":\"...\",\"baseUrl\":\"https://app.openlogin.com\",\"typeOfLogin\":\"Google\",\"network\":\"mainnet\",\"verifierId\":\"...\",\"language\":\"en\"}",
  "method": "POST",
  "mode": "cors",
  "credentials": "omit"
});

Response

{
  "statusCode": 400,
  "error": "Bad Request",
  "message": "Validation failed",
  "validation": {
    "body": { "source": "body", "keys": ["logo"], "message": "Invalid URL" }
  }
}


Originally posted by: pmn4
2 Likes
3

:triangular_flag_on_post: To be clear, this also does not work when logging in to YOUR Admin Dashboard.

image
image1202×1114 89.6 KB

I’m struggling to understand how this isn’t a bigger problem for everyone associated with the web3auth project… clients and core team alike.

4 Likes
4

thank you team, this functionality has been restored!

1 Like