XF 2.1 Stripe input not working

[tom3]

The card input does not seem to work, the following JavaScript error is thrown:

The payment gateway itself works, I tried it through the Pay faster feature.
All AddOns were deactivated, the error still exists. Can someone reproduce with newest version?

 

[Chris D]

We use Stripe payments on our Buy XenForo pages which seems to be working correctly.

I'm pretty sure I know from the output in the console where this is going wrong, but to make sure could you try adding the following to your src/config.php file:

$config['development']['fullJs'] = true;

And then access the overlay again and provide the console details again?


I have no idea why this would be happening but it should help ensure we're looking in the right area.

 

[tom3]

I tried that, got the exact same error message.

 

[Chris D]

I'd like to see a screenshot of the output regardless, please. The error will be roughly the same but the file, line numbers and function names should be slightly different.

 

[tom3]

 

[Chris D]

Are the card inputs loading in a totally separate page or in an overlay?

 

[tom3]

I've tried both, overlay and seperate page. Both are not working.

 

[Chris D]

That error would really only occur though if it's in a separate page. It is designed to be opened in an overlay and the lack of an overlay appears to be what is causing that error.

This leads me to believe the error might be different if it's loading in an overlay.

 

[tom3]

There's no error anymore but I still can't type any input.

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[tom3]

I just noticed it's the font my style is using.

 

[Chris D]

Yeah I think it might be badly formed, because the font itself and the sans-serif fallback should work.

Can you confirm the exact value of the fontFamilyUi style property in your style?

 

[tom3]

It is 'Chakra Petch', sans-serif;. I've tried overwriting the font for this template but it's not fixing the problem. Any ideas?

 

[Chris D]

I think you just need to remove the ; from the end. That doesn't need to be there and it seems to be what is triggering Stripe into thinking it's an invalid value.

 

[tom3]

That did it! Thank you very much.