When I try to implement the Clover Hosted IFrame in our website by following https://docs.clover.com/docs/using-the-clover-hosted-iframe. After creating form and Clover elements, when I try to mount the elements, it's showing "
Uncaught Error: Failed to find or resize iframe for card-number
at Object.t.resizeFrame
"
Here is a codepen with an example, make sure you change the PAKMS token - https://codepen.io/gareth-dsouza/pen/PoPEypO.
The codepen is working good but when I have taken the same code and tried on my website, I am getting an error at "const element = clover.elements();"=>
Uncaught TypeError: Cannot read property 'appendChild' of null
at e.elements
There must be a difference between your code and the codepen, take a closer look. I assume you replaced the pakms token with your token in the initialization?
Yes, I replaced my PAKMS token in the initialization and a clover object is returned. the immediate line after initialization is throwing error to call elements from Clover. I tried changing both Sandbox and Production sdk.js paths, but the error remains the same.
@revanth did you find the solution?
2 People are following this question.
