Jquery UI Datepicker not working with bootstrap and Firefox

Question

I have a jquery ui datepicker with changeMonth and changeYear set to True in a bootstrap modal. On the modal div I have an attribute "tabindex='-1'". This works fine in Chrome, IE.. but not in Firefox. If i remove the tabindex, it works in FF. I would like to keep the tabindex attribute if possible, any idea ?

edit : I know tabindex it's not for div but this is on the twitter bootstrap documentation.

Answer 1

A solution, append the ui-datepicker-div to the modal.

$('#ui-datepicker-div').appendTo($('#modal'));

http://jsfiddle.net/LeH4Q/5/