Addition: maybe, and only maybe, this isn’t a javascript issue (I tought it was because I was able to reproduce the issue on LambdaTest and get debug tools on iOS Device with Chromium, throwing the TYPECAUGHT: ERROR or something similar javascript related).
I was able to fix the problem on my new site hiding the original button with CSS, and then inserting a second button on the functions.php file foloowing these instructions:
I am facing the same problem with the Specular theme. Please advise me if its preferable to me to create another topic.
I can assure the same occurs with your Specular – Shop demo on ‘real’ iPhone devices.
Have tested with safari, google chrome, mozilla firefox.
Everything up to date, on the device side, on the website/server side (including lastest version of PHP, WordPress, WooCommerce, Specular, and more).
The last checkout button gets tottally unresponsive. as if it wasnt a button at all.
I have two differents websites using specular: one I was able to create a workaround adding a second checkout button, hiding the first with css, and it works. On the second, I don’t know why, this workaround didn’t work.
Have tried de-activating all plugins, but keeping specular, the button didnt work.
Changed theme to Storefront, worked with and without all the plugins.
It is a theme issue, and seems to me that related with javascript.
It would be great to have some help, have lost lots of hours trying to figure out this, and also some orders/sales.
