Skip to content

Commit

Permalink
Do not allow buttons in disabled payment-step to be clickable.
Browse files Browse the repository at this point in the history
This is a workaround. Note that it's still possible to trigger the
PayPal button iframe by tabbing to it and hitting enter.

The hack works for the Venmo and PayPal buttons. The Apple Pay Button is
also not yet tested as of this commit. It will be tested in
#105.
  • Loading branch information
gsmendoza committed Feb 22, 2023
1 parent 5d352a0 commit 492d47c
Showing 1 changed file with 11 additions and 0 deletions.
11 changes: 11 additions & 0 deletions app/assets/stylesheets/spree/frontend/solidus_braintree.scss
Original file line number Diff line number Diff line change
Expand Up @@ -49,3 +49,14 @@ the installer will append this file to the app vendored assets here: 'vendor/ass
.venmo-button.visible {
visibility: visible;
}

/*
WORKAROUND: Do not allow buttons in disabled payment-step to be clickable. Note
that it's still possible to trigger the PayPal button iframe by tabbing to it
and hitting enter.
*/
fieldset.payment-step__details:disabled {
#apple-pay-button, #paypal-button iframe, #venmo-button {
pointer-events: none;
}
}

0 comments on commit 492d47c

Please sign in to comment.