React re-rendering causing autocomplete suggestion issue

Hey @sauravmaiti thank you for getting back on this.

Despite the alternative filling method working, I'm truly sorry to hear you've had to alter the development on your end due to this issue. I can understand where you're coming from, and I'm hopeful we will see some improvement in handling these elements in the near future - I'll do my best to advocate on your behalf to the team here. I'd also recommend keeping an eye on our https://releases.1password.com/b5x/ for related updates in the future.

Thanks for your continued support of 1Password, and let us know if we can assist further in any way. 🙂

Hi Paul,

Unfortunately, we had to remove the on click animation for now until this issue is fixed at your end. So, I won't be able to share the link. Also, it does fill it correctly, when I use the 1Password icon in the browser's toolbar.

Hi there @sauravmaiti - thanks for reaching out to us here. 🙂

I'm sorry for any disruption in your workflow caused by this behaviour. We do have an internal report for some web elements/events that can create issues focusing and interacting with our autofill menu (such as https://react.dev/reference/react-dom/components/common#focusevent-handler). Personally, I'm not as familiar with useState, but it sounds like this hook and related event is manifesting in the same way. To confirm a bit further I have a couple questions:

• Could you share a link to the website so we can do some testing on our end?
• If you left click the 1Password icon in the browser's toolbar > select the Credit Card item > click 'Autofill' > does it fill the credit card number as expected?

I look forward to hearing from you!

ref: dev/core/core#1088

Works fine with LastPass and Chrome autofill.