I have a form inside of a twitter bootstrap modal, but the tab-index is not working. I have tried editing the tab-index attribute of the modal but nothing seems to affect it. Goal is that user can tab between form fields. Example can be seen at hookahi.com, the 'join' links trigger modals with registration forms.
Run this code in your page :
jQuery('[tabindex]').each(function() {
console.log(jQuery(this).attr('tabindex'));
});
As you can see, you have many dom items with the same tabindex. So the browser just do what it can. If you want a correct behavior with the tab key, each tabindex must be used only once.