1Password X prevents number inputs from working normally due to it reading arrow key inputs.

Hi, I am developing a web application and I recently had an issue with 1Password X. The issue is that 1Password is co-opting the number input's inputs and showing the 1Password symbol on the right side. This makes it so that the <input type="number"/> field in the <form/> tag doesn't allow adjustments to the number using the arrow up/down keys.
It appears as though the reason it is co-opting the number input is because the label has the word "Number" in it.
Here's an example: https://codepen.io/ZachHaber/pen/Rmpwvb. You'll notice that the top input is being acted upon by 1Password, but the bottom one isn't.
This only recently started up in one of the latest updates to 1 password.


1Password Version: N/A
Extension Version: 1.15.1
OS Version: Windows 10
Sync Type: my.1password.com
Referrer: forum-search:number input

Comments

  • kaitlynkaitlyn

    Team Member
    edited June 2

    Hey @Zanoth – thank you for the report! It looks like 1Password X is mistaking the "Number" field as a card number, so it's wanting to fill it for you. I can see where that would get frustrating when developing your own web application, though. I'm curious what the field labeled "Number" actually is in your web app, if you're willing to share. Perhaps there's something else we can target to have 1Password X avoid filling that field. Either way, I've got it reported to our developers so we can work on finding a solution on our end. Thanks again!

    ref: xplatform/filling-issues#537

  • Yeah, that's what I figured it was doing. The field's title is "Number of Samples" so it's fairly generic and definitively not a card number. Glad to hear that they'll work on fixing it!

  • kaitlynkaitlyn

    Team Member
    edited May 16

    Ah that makes sense! Sometimes it's nice to hear how other websites are coded to help us better understand how the 1Password filling algorithm should be designed. That being said, I think "Number of Samples" is a completely fair field label, so it's something we'll need to work around. :)

    One thing that could help for the time being is to use the word "quantity" instead of number. I know we avoid that field, so that's an option. I tested it out with your CodePen, and changing the label from "Number" to "Quantity" seemed to get rid of the unnecessary 1Password X icon. I'm hoping we can work on a fix so that this won't be an issue for you too much longer, but I thought I'd mention that if it's a burden for you right now.

  • I've actually changed it to # Samples for now. Nobody has complained yet :)

  • kaitlynkaitlyn

    Team Member

    Smart thinking! I'm glad you found a temporary workaround. :chuffed:

Leave a Comment

BoldItalicStrikethroughOrdered listUnordered list
Emoji
Image
Align leftAlign centerAlign rightToggle HTML viewToggle full pageToggle lights
Drop image/file