title: Arrow Keys Not Working on Form
body: <p>We're using Ninja Forms on a particular site and whenever we type something on it, the arrow keys just do not work. I did a research and found something similar presented to this community (<a href="https://stackoverflow.com/questions/9325455/arrow-keys-not-working-in-input-and-textarea">here</a>).</p>
  
  <p>So I did check the JS files of the site and found exactly what was mentioned. I noticed this set of codes which I think is responsible for disabling the arrow keys:</p>
  
  <pre><code>    // disable/enable scroll (mousewheel and keys) from https://stackoverflow.com/a/4770179                  
      // left: 37, up: 38, right: 39, down: 40,
      // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
      var keys = [37, 38, 39, 40], wheelIter = 0;
  
      function preventDefault(e) {
          e = e || window.event;
          if (e.preventDefault)
          e.preventDefault();
          e.returnValue = false;  
      }
  
      function keydown(e) {
          for (var i = keys.length; i--;) {
              if (e.keyCode === keys[i]) {
                  preventDefault(e);
                  return;
              }
          }
      }
  </code></pre>
  
  <p>But I'm not sure what to do next since that resource I initially mentioned did not state the step-by-step procedure. Should I remove the entire set of codes? I definitely can do a test but I'm thinking I might be led to think that it worked when there's actually some other changes that I may fail to notice.</p>
  
  <p>Will appreciate guidance from the community. Thanks.</p>
  
  <p>I probably should provide a link to the actual form. <a href="http://www.furstenberglaw.com.au/contact-us" rel="nofollow noreferrer">Here you go</a>.</p>