tabindex="-1" attribute prevents focus and type on form fields

[barlas]

I've a form which works fine appers above the colorbox modal window and i can show it easly with z-index. When user opens the modal window, form submit and etc are usable but fields can not be focusable for typing.

I know logic is silly; modal overlaps with and modal form (modalception:) but i think this need to be fixed. I've prepared a sample: http://jsfiddle.net/4g3426j2/

I've detect when i remove tabindex="-1" attribute from colorbox and everything works fine, is there a healthy way to fix this without touching the plugins javascript or can we remove tabindex from colorbox, what is consequences:?

Here is question's link: http://stackoverflow.com/questions/25883683/colorboxs-tabindex-1-attribute-prevents-focus-and-type-on-form-fields

[aik099]

Try setting trapFocus to false in ColorBox settings. That should allow using TAB to work on form that is not within ColorBox.

[barlas]

thanks @aik099 that worked fine, http://jsfiddle.net/4g3426j2/1/