Conflict with cocoon and signature pad.

[EminenceHC]

I am using signature pad and there seems to be a conflict with cocoon.
http://thomasjbradley.ca/lab/signature-pad/

What might be conflicting?
Here is the code I am using:

<form method="post" action="#" class="sigPad">

  <ul class="sigNav" style="display: block;">
    <li class="clearButton" style="display: list-item;">
      <a href="#clear">Clear</a>
  </ul>

  <div class="sig sigWrapper current" style="display: block;">
    <div class="typed" style="display: none; font-size: 30px;">
    </div>
    <canvas class="pad" width="198" height="55">
    </canvas>
    <input type="hidden" name="output" class="output" value="">
  </div>
</form>

<script>
    $(document).ready(function () {
        $('.sigPad').signaturePad({drawOnly:true});
    });
</script>

[nathanvda]

Ok. I have no idea. I see no cocoon code. You are not telling what goes wrong, what is happening.

Normally I would suspect there could not be any conflicts. Please explain why you think there would be a conflict.

A few tips:

• does it work on a page by itself (both your cocoon form and the signature pad form)
• are you integrating both into a single form?
• do you see any errors in the javascript console?

Not sure if it is relevant, but you are missing a closing </li> tag.

[nathanvda]

Closed due to inactivity.