credit card completion does not work on Apple (Canada) site

When making an online purchase from the Apple Canada store, attempting to fill my credit card info from 1Password fails. (I need to manually enter card number, expiry date, CCV code.)


1Password Version: 7.7 BETA3
Extension Version: Not Provided
OS Version: macOS X 10.15.6
Sync Type: Not Provided

Comments

  • ag_anaag_ana

    Team Member

    Hi @garyhooper!

    What version of the 1Password browser extension are you using, and in which browser?

  • Firefox 79.0, 1Password extension 4.7.5.90. Below is the HTML element for the card entry, if it's helpful.

    Please enter a valid credit card number.
    Please enter a valid expiry date.
    Please enter a valid security code.
  • Well, the HTML element paste did not work. Let's try this.

    <div class="as-creditcard-input"><div class="rr-formatter"><div class="form-textbox is-error"> <input value="" aria-required="true" aria-labelledby="recon-0-177-label " aria-describedby="recon-0-177-error" aria-invalid="true" data-autom="card-number-input" type="tel" maxlength="16" class=" form-textbox-input" id="recon-0-177" name="recon-0-177" required="" autocomplete="off"><span aria-hidden="true" class="form-textbox-label"><span id="recon-0-177-label" class="as-textfield-label">Credit/Debit Card Number</span></span><div><div id="recon-0-177-error" class="form-message-wrapper"><span>Please enter a valid credit card number.</span></div><div id="recon-0-177-warn" class="form-message-warning"><span></span></div></div></div></div><ul class="as-creditcard-cardimages"><li data-logo="VISA" aria-hidden="true" class="as-creditcardlogo as-creditcard-cardimage"><span class="visuallyhidden">VISA</span></li><li data-logo="MASTERCARD" aria-hidden="true" class="as-creditcardlogo as-creditcard-cardimage"><span class="visuallyhidden">MASTERCARD</span></li><li data-logo="AMERICAN_EXPRESS" aria-hidden="true" class="as-creditcardlogo as-creditcard-cardimage"><span class="visuallyhidden">AMERICAN EXPRESS</span></li></ul></div><div class="row form-textbox-sidebyside"><div class="column large-9 small-12"><div class="rr-formatter"><div class="form-textbox is-error"> <input value="" aria-required="true" aria-labelledby="recon-0-178-label " aria-describedby="recon-0-178-error" aria-invalid="true" data-autom="expiration-input" type="tel" maxlength="5" class=" form-textbox-input" id="recon-0-178" name="recon-0-178" required="" autocomplete="off"><span aria-hidden="true" class="form-textbox-label"><span id="recon-0-178-label" class="as-textfield-label">Expiration MM/YY</span></span><div><div id="recon-0-178-error" class="form-message-wrapper"><span>Please enter a valid expiry date.</span></div><div id="recon-0-178-warn" class="form-message-warning"><span></span></div></div></div></div></div><div class="column large-3 small-6 as-creditcard-securityfield"><div class="rr-formatter form-tooltip-textbox-wrapper form-icons-focusable pattern-tooltip-after-textbox"><div class="form-textbox is-error form-tooltip-right-textbox-wrapper"> <input value="" aria-required="true" aria-labelledby="recon-0-179-label " aria-describedby="recon-0-179-error" aria-invalid="true" data-autom="security-code-input" type="tel" maxlength="4" class=" form-textbox-input" id="recon-0-179" name="recon-0-179" required="" autocomplete="off"><span aria-hidden="true" class="form-textbox-label"><span id="recon-0-179-label" class="as-textfield-label">CVV</span></span><div><div id="recon-0-179-error" class="form-message-wrapper"><span>Please enter a valid security code.</span></div><div id="recon-0-179-warn" class="form-message-warning"><span></span></div></div></div><div class="rr-tooltip form-tooltip form-tooltip-show form-tooltip-after"><button data-trigger-click="focus" aria-label="How to find the CVV" aria-describedby="recon-0-183" class="form-tooltip-button"><span aria-hidden="true" class="form-icons form-icons-info19"></span></button><div><div role="tooltip" id="recon-0-183" class="rr-materializer rr-materializer-hiding rr-materializer-hidden"><div class="form-tooltip-info form-tooltip-pointer-right"><div class="form-tooltip-content"><div><div class="as-creditcard-cvv as-creditcard-cvv-generic"></div><p class="form-tooltip-title">How to find the CVV</p><p class="form-tooltip-content">Visa and Mastercard cards display the three-digit CVV number on the back of the card, to the right of the signature.</p></div></div></div></div></div></div></div></div></div>
    
  • ag_michaelcag_michaelc

    Team Member

    Hey @garyhooper. I was able to reproduce this issue and have reported it to the development team for investigation. I'm sorry you ran into this, but I appreciate your bringing it to our attention!

    ref: apple-4936

  • Hey @garyhooper, it looks like this was resolved in a recent update. If you make another purchase anytime soon, let me know if you run into further troubles. :smile:

  • @ag_michaelc It filled in card number and CVV, but not the date, so still broken. Using 7.7.BETA8.

  • Hey @garyhooper sorry about the confusion on my part — I tested in the wrong browser this most recent time. In Firefox/Chrome, indeed, the expiry date doesn't fill (in Safari it does). Thanks for catching me on this; I've reopened the issue internally.

    ref: dev/core/core#2814

Leave a Comment

BoldItalicStrikethroughOrdered listUnordered list
Emoji
Image
Align leftAlign centerAlign rightToggle HTML viewToggle full pageToggle lights
Drop image/file