无法禁用输入字段上的 1Password 扩展

mat*_*sch 18 html typescript angular 1password

我有一个表单,带有一些简单的输入字段。在其中一些中,1Password 扩展被触发并显示弹出窗口。

在此输入图像描述

在某些情况下,弹出窗口不会被触发。

我找不到它会在这些特定输入字段上触发的任何原因。

触发 1Password 的输入的 HTML。

<div class="col">
  <mat-form-field appearance="fill" class="form-mat-field mt-1 mx-auto">
     <mat-label class="form-control-label"
      jhiTranslate="bringCockpitApp.sponsoredProduct.fadeoutIconId">
      Fadeout Icon Key
      </mat-label>
      <input formControlName="fadeoutIconId" matInput name="fadeoutIconId"
                                           placeholder="Bier"
  </mat-form-field>
</div>
Run Code Online (Sandbox Code Playgroud)

知道为什么会发生这种情况吗?以及如何禁用它?

小智 22

将 data-1p-ignore 作为字段中的属性,以获取 1Password 来忽略该字段。

<input type="text" id="username" name="ig" data-1p-ignore>
Run Code Online (Sandbox Code Playgroud)

来源: https: //developer.1password.com/docs/web/completed-website-design