Space bar not working in form fields

Question

I am using a template to build a one page portfolio site. The contact form is acting very strange! I cannot enter space in any of the contact fields. Here is the site: www.cloth2clay.com

When you focus in on the message field, it does not allow you to use any spaces. Any ideas?

Answer 1

If you turn off Javascript, it works. I can't find any keypress handlers being set, so this might be a conflict between two of the JavaScript components you are using. If nobody comes up with a better idea, try turning off all .js references one by one until it works. Then you at least know who is causing it.

Answer 2

jquery.gallerific.js implements a page-wide keydown handler that captures the spacebar and stops it from functioning.

934 if (this.enableKeyboardNavigation) {
935  $(document).keydown(function(e) {
936   var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
937   switch(key) {
938    case 32: // space
939     gallery.next();
940     e.preventDefault();
941     break;

If you scroll back to the gallery portion of the document while still focusing the form, you will notice that pressing the spacebar progresses to the next image.

Answer 3

find the case for "case 32: // space " and comment out that specific case. worked for me