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

Add Custom Placeholder Handling when rendering the card fields

Browse source
This commit is contained in:
Narek Zakarian 2024-09-27 19:11:35 +04:00
parent 2d425cc943
commit 8b6cb86dbb
No known key found for this signature in database
GPG key ID: 07AFD7E7A9C164A7
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
modules/ppcp-card-fields/resources/js/Render.js
View file

@ -8,11 +8,17 @@ function renderField( cardField, inputField ) {
// Insert the PayPal card field after the original input field.
const styles = cardFieldStyles( inputField );
cardField( { style: { input: styles } } ).render( inputField.parentNode );
const fieldOptions = {style: { input: styles },};
// Hide the original input field.
hide( inputField, true );
inputField.hidden = true;
if ( inputField.getAttribute( 'placeholder' ) ) {
fieldOptions.placeholder = inputField.getAttribute( 'placeholder' );
}
cardField( fieldOptions ).render( inputField.parentNode );
// Hide the original input field.
hide( inputField, true );
inputField.hidden = true;
}
export function renderFields( cardFields ) {