13

I have a form, with some simple input fields. In some of them the 1Password Extension gets triggered and the popup shows up.

enter image description here

And in some cases the popup does not get triggered.

I can't find any reason why it would trigger on these specific input fields.

HTML of Input where 1Password gets triggered.

<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>

Any idea, why this is happening? and how to disable it?

matsch
  • 281
  • 4
  • 14

2 Answers2

15

put data-1p-ignore as an attribute in your field to get 1Password to ignore the field.

<input type="text" id="username" name="ig" data-1p-ignore>

Source: https://developer.1password.com/docs/web/compatible-website-design

William
  • 188
  • 1
  • 5
-2

my Solution which seemed to work, was to set the input type to "URL". honestly I don't know why that worked, Tel worked too but that won't help a mobile user. the Search option also removed the icon but left an X button. the 'URL' type removed both.

Hope this helps.

Dganit Eger
  • 1
  • This does not provide an answer to the question. Once you have sufficient [reputation](https://stackoverflow.com/help/whats-reputation) you will be able to [comment on any post](https://stackoverflow.com/help/privileges/comment); instead, [provide answers that don't require clarification from the asker](https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-instead). - [From Review](/review/late-answers/31502216) – Nick Vu Apr 12 '22 at 09:53