Credit Card Autofill issue with website in language other than English

Ask the Community Password Manager
, ,
1

I’m not sure how Bitwarden recognizes a credit card field, but I’ve noticed that when I’m viewing a page in Croatian:

<input numbers-only="" ng-if="!Transaction.TokenPayment" type="tel" class="form-control pg-form-control creditCardNumber ng-pristine ng-empty ng-invalid ng-invalid-valid ng-invalid-required ng-valid-pattern ng-valid-maxlength ng-touched" name="creditCardNumber" id="creditCardNumber" translate-attr="{placeholder:'CreditCardNumberPlaceholder'}" pattern="[0-9]*" maxlength="19" inputmode="numeric" required="" ui-validate="{valid:'validateCreditCardNumber(Transaction)'}" ng-model-options="{ allowInvalid: true }" ng-model="Transaction.CreditCardInformation.CardNumber" placeholder="Upišite broj kartice">

Bitwarden on Android doesn’t recognize the field as a credit card field.

However, if i switch the page to English, Bitwarden does recognize, and offers to fill in the card data:
<input numbers-only="" ng-if="!Transaction.TokenPayment" type="tel" class="form-control pg-form-control creditCardNumber ng-pristine ng-empty ng-invalid ng-invalid-valid ng-invalid-required ng-valid-pattern ng-valid-maxlength ng-touched" name="creditCardNumber" id="creditCardNumber" translate-attr="{placeholder:'CreditCardNumberPlaceholder'}" pattern="[0-9]*" maxlength="19" inputmode="numeric" required="" ui-validate="{valid:'validateCreditCardNumber(Transaction)'}" ng-model-options="{ allowInvalid: true }" ng-model="Transaction.CreditCardInformation.CardNumber" placeholder="Enter card number">

There’s also the issue of not being able to fill expiry as MM/YY because it’s stored as MM/YYYY, but that’s a different issue.

1 Like
2

Interesting. Probably, Bitwarden’s autofill algorithm does not recognize the id/name attributes (creditCardNumber), and is instead using the placeholder attribute to recognize the field for the credit card number — since this is the only attribute that differs in the two versions.

I would suggest that you edit your credit card item(s) to create a linked custom field with the field label creditCardNumber, as follows:

image
image380×346 5.45 KB

The change the corresponding dropdown selector to “Number”, and click Save:

image
image382×156 3.15 KB

 

It would also be advisable to file an Autofill Failure Report form: