dcuryk

Hi!
I found a solution.

TLDR: Added css rules for #wc-stripe-hidden-input.

In detail:
With the help of Claude, who was able to read the minified JS files from the plugin I got to understand what the plugin was doing to style the elements:

The plugin tries to replicate the styles from the current theme. In order to do this it looks for an existing field. In the checkout page, this field is #billing_first_name, and in order pay it is#wc-stripe-hidden-style-input. In this case, it then clones the element, renames it to #wc-stripe-hidden-input, moves it to a different location inside #payment and extracts the computed styles from there.

The issue was that the css rules for inputs in the order pay page in my theme were too specific and did not apply to all elements inside #payment, so the cloned element had no styles.

The solution is to make broader css rules or have specific css rules for #wc-stripe-hidden-input.

• This reply was modified 2 months ago by dcuryk.