diff --git a/CHANGELOG.md b/CHANGELOG.md index bf39af1ab2..e0aef3c5d6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,6 +8,7 @@ - Fix broken conditional statement in share.html [#1533](https://github.com/bigcommerce/cornerstone/pull/1533) - Enable Facebook like button to be displayed on product page if enabled [#1530](https://github.com/bigcommerce/cornerstone/pull/1530) - Remove nanobar (loading bar) [#1537](https://github.com/bigcommerce/cornerstone/pull/1537) +- Fix incorrect DOM selectors causing the payment method form on the account page from working properly in Safari [#1540](https://github.com/bigcommerce/cornerstone/pull/1540) ## 3.5.1 (2019-06-24) - Fix conditional logic in share.html [#1522](https://github.com/bigcommerce/cornerstone/pull/1522) diff --git a/assets/js/theme/account.js b/assets/js/theme/account.js index 06893f0d5b..db8ab4e238 100644 --- a/assets/js/theme/account.js +++ b/assets/js/theme/account.js @@ -255,7 +255,7 @@ export default class Account extends PageManager { $(`${paymentMethodSelector} input[name="credit_card_number"]`).on('keyup', ({ target }) => { cardType = creditCardType(target.value); if (cardType) { - $(`${paymentMethodSelector} img[alt="${cardType}"`).siblings().css('opacity', '.2'); + $(`${paymentMethodSelector} img[alt="${cardType}"]`).siblings().css('opacity', '.2'); } else { $(`${paymentMethodSelector} img`).css('opacity', '1'); } @@ -269,7 +269,7 @@ export default class Account extends PageManager { // Set of credit card format CCFormatters.setCreditCardNumberFormat(`${paymentMethodSelector} input[name="credit_card_number"]`); - CCFormatters.setExpirationFormat(`${paymentMethodSelector} input[name="expiration"`); + CCFormatters.setExpirationFormat(`${paymentMethodSelector} input[name="expiration"]`); // Billing address validation paymentMethodValidator.add(validationModel);