1Password data-1p-ignore jQuery Snippet

As per the release notes for v2.7.0 of the 1Password browser plugin, you can now use the input attribute data-1p-ignore to make 1Password ignore a form field and not offer to save or fill or show a 1Password menu icon on that input. For more information, see https://developer.1password.com/docs/web/compatible-website-design/.

This feature has long been requested (dating back to a December 2020 post by greystate) on the 1Password Community forums. There were some bugs that existed, prior to v2.16.0 of the 1Password browser plugin, regarding inconsistent data-1p-ignore enforcement (and a full test table can be found at https://www.comter.codes/data-1p-ignore/test/).

This codepen is a jQuery snippet that will add this attribute to any text or password input fields on page. This might be a tad overkill but is a quick way of adding this attribute to large numbers of input fields (such as on a control panel or user list). Customizing the jQuery selectors for the loop will let you apply this to different form fields or specific inputs depending on your use case.