Signature pad 1.4 + rails 4.2 brak możliwości pisania

Zielona szkoła
1

Witam!
Czy ktoś z Was próbował wykorzystać Signature Pad w aplikacji Rails?

Załączyłem pliki, chciałem sprawdzić czy działa, pole do podpisu wyświetla się jednak nie ma możliwości pisania.
Pewnie coś jest źle załączone konsola wyświetla błąd

Uncaught TypeError: Cannot read property 'querySelector' of null

Pliki signature.js oraz app.js zostały bezpośrednio wrzucone do katalogu: app/assets/javascripts

W pliku _form.html.erb umieściłem kod

<div id="signature-pad" class="m-signature-pad">
<div class="m-signature-pad--body">
  <canvas></canvas>
</div>
<div class="m-signature-pad--footer">
  <div class="description">Sign above</div>
  <button class="button clear" data-action="clear">Clear</button>
  <button class="button save" data-action="save">Save</button>
</div>

Niestety coś nie działa. Proszę o wskazówki

2

Dałeś odpowiednie require w application.js ?

3

Właśnie…
Czy

//= require_tree .

nie doda tych skryptów automatycznie?
Dodałem także

//= require app
//= require signature

Ale to nic nie zmieniło. Z tego co widzę problem jest na początku tego pliku

var wrapper = document.getElementById("signature-pad"),
    clearButton = wrapper.querySelector("[data-action=clear]"),
    saveButton = wrapper.querySelector("[data-action=save]"),
    canvas = wrapper.querySelector("canvas"),
    signaturePad;

I wydaje mi się że w pierwszej lini choć firebug wskazuje na drugą. W kodzie HTML mam też div id:signature-pad

4

Problem rozwiązany chodziło o dodanie przed pierwszą linia

$(document).ready(function (){

Dzięki

5

sprawdź kolejność łądowania js, signature pad musi być załadowana wcześniej niż kod, który używa tej biblioteki