Skip to main content
Participant
November 11, 2011
Question

Shadowbox.js - Space Bar Issue

  • November 11, 2011
  • 6 replies
  • 1142 views

Hey Everyone,

I've just literally finished creating my first air app, using HTML + AJAX.

I am using shadowbox.js to provide a modal window which contains within it a form. There's no iframs's involved, just a shadowbox container for the form, which is built dynamically using a Javascript function.

Everything is working fine, apart from the fact that pressing the space bar doesnt insert a space into any of the fields. SHIFT + space works fine.

In every other text field in the app, space works without an issue.

I've not got any code which binds event listeners to any of the fields, so its not something i've accidentally coded in. I don't see any errors in DW site reports when running a test. It fails in both preview, and end packages versions.

I've tested appending text form fields into other areas of the app and they work fine with space, it's literally just inside the shadowbox.

Also, does anyone have any idea how I can solve this? Am thinking I may have to write my own basic modal window instead, which I can do but really wondering why this isnt working!

Any help greatly appreciated.

Many Thanks,

Chris

This topic has been closed for replies.

6 replies

Participant
November 11, 2011

Just to add - if I bind an event listener to the fields and output the keycode I can see the keypress is registered, just isn't inserting the space. Thanks

Further edit - have replaced with my own modal window and it works fine - still no idea why it would fail with shadowbox instead, only difference is the amount of containing wrappers and CSS. Nothing that should affect a space being entered anyway!! Would still love to know if anyone had any ideas, cause i'd rather use shadowbox as its more slick.

Participant
August 8, 2012

I'm running into the same issue! Only on Mac though.

Participant
August 8, 2012

Hey man,

I never did get to the bottom of the issue... unsure of its prevalance with later version of Shadowbox.js either (can't even remember which version I was using as i've left that company now... but it would have been the most recent at the time of posting). In the end I just put in an abs pos div and wrote a few lines of jquery to get it working as I wanted.

I'd be really interested to know if you got the bottom of it! Good luck!!