Do not allow buttons in disabled payment-step to be clickable.

This is a workaround. Note that it's still possible to trigger the PayPal button iframe by tabbing to it and hitting enter.
solidusio · Feb 22, 2023 · c9983bf · c9983bf
1 parent 5d352a0
commit c9983bf
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/app/assets/stylesheets/spree/frontend/solidus_braintree.scss b/app/assets/stylesheets/spree/frontend/solidus_braintree.scss
@@ -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;
+  }
+}