Signature add on stops working if I put it inside accordion

Any error in the browser console or server logs ?
Is you form available somewhere so i can have a look ?
Thanks

Hi,

here is the link https://ncm.vlabsinc.com/results/one-tequesta-point/,

when you scroll to bottom and open pricing schedule, you will see a form where I have added the contact form 7 with signature it stops working when its inside accordion,

and the same form if you see it outside accordion signature is working

Thanks

sorry click on the last accordion inventory and availability not pricing schedule

Hi,

There’s something in the accordeon (must be some javascript i guess) that sets width and height of the signature’s canvas element to 0. You need to override this and set it back to it’s original width and height (300×200 in your case).

Hope this helps.

Hi if you inspect the signature canvas element the width and height is the same for easy viewing I have changed the background color of the accordion from white to grey so you can see the signature canvas

If you inspect both canvas, you’ll see that the one outside the accordeon has a right size :
<canvas id="wpcf7_signature-552_signature" class="signature-552" width="300" height="200"></canvas>

the other not :
<canvas id="wpcf7_signature-552_signature" class="signature-552" width="0" height="0"></canvas>

What you see is the container.

They also have the same id/class. I don’t know if this is a cause of the problem, but that’s not helping for sure.

thts not the cause of the problem, I kept two forms in a single page to show you that one is working and other not.. I removed the form which is outside still the signature does not work inside the accordion

Hi,
Looks like someone had the same issue here. Calling the sigFieldsResize function (js function from my plugin) when the accordion is opened seams to fix it.

Hi tameroski,

Can you tell me how/where to call sigFieldsResize function in detail?

Most importantly, what parameters should I pass to sigFieldsResize function when it is out size loop.

Note: It takes two values i and false when inside the loop. confused with i- value.

Looks like you’re kinda highjacking others threads ??
Please keep posting in your own, it’ll be easier for others to find answers later. I’ll answer there (if i can). Thanks