Not able to disable 1Password extension on input fields

Question

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

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?

Answer 1

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.