1Password Not Recognizing Password Input Field in French Version of React App

Context:

I have deployed the same production React app in two different environments. In one environment, 1Password works perfectly and recognises the password input field, but in the other environment (where the page is in French), 1Password mistakenly thinks the login page is a sign-up page and suggests creating a new password, instead of filling in the password field.

Details:

  • App Framework: React (Production)
  • Password Input HTML Snippet (identical for both environments):

Observations:

Environment 1 (Working): The field works fine, and 1Password correctly identifies the password field and autofills it. This version is also in production and uses the same React codebase.
Environment 2 (Not Working - French Page): In this environment, 1Password incorrectly identifies the login page as a sign-up page and suggests creating a new password, rather than autofilling the password field.

Could this behavior be linked to how 1Password detects form fields in different language versions or environments? Is there a known issue where 1Password confuses login forms with sign-up forms in localized versions of apps? Any insights or workarounds would be greatly appreciated.

Comments

  • Hello, @sebherrerabe. Thanks for reaching out.

    So that I can take a closer look at the issue you’re experiencing, I’d like to request that you send me some information to support+forum@1Password.com. With your email, please include the following:

    1. Navigate to the page exhibiting the behaviour.
    2. Right-click the 1Password icon in your browser's toolbar and select Help > Collect Page Structure.
    3. 1Password will save a .json file to your "Downloads" folder.
    4. Attach both files to your email.

    You should receive an automated reply from our BitBot assistant with a Support ID number. Please post that number here, and I will be able to locate your message and ensure it has reached the right place. Thank you!

    -Evon