woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

♿️ Insert the watermark after the Continue button

Browse source 
Ensure that tab-focus goes from email to the “Continue” button, before focusing the watermark.
This commit is contained in:
Philipp Stracker 2024-09-17 18:24:10 +02:00
parent f3e734dfa7
commit cddada6fa5
No known key found for this signature in database
1 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

11
modules/ppcp-axo-block/resources/js/components/Watermark/utils.js
View file

@ -27,9 +27,16 @@ export const createWatermarkContainer = () => {
'wc-block-checkout-axo-block-watermark-container'
);
emailInput.parentNode.insertBefore(
const emailButton = textInputContainer.querySelector(
'.wc-block-axo-email-submit-button-container'
);
// If possible, insert the watermark after the "Continue" button.
const insertAfterElement = emailButton || emailInput;
insertAfterElement.parentNode.insertBefore(
watermarkReference.container,
emailInput.nextSibling
insertAfterElement.nextSibling
);
watermarkReference.root = createRoot(