1Password Extension showing on some Input fields & how to disable it

user_14288521 0
Viewed 579

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?

1password angular typescript html
1 Answers

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.

user_45539020
Related