JQuery Dialog Confirm (modal) - Tabbing broken?

JQuery Dialog Confirm (modal) - Tabbing broken?

When a modal dialog confirm box is brought up and you tab through the elements, it goes to the "X" and the "Ok" and "Cancel" then seems to get lost somewhere on the parent page in the background.  

This seems to be the case in IE7 and Chrome.  However, in Forefox it seems to work with tabbing just cycling around the 3 elements of the dialog box.

My dialog code (although I don't think my code is up the creek):

  2. $("#dialog_confirm").dialog({
  3. autoOpen:false,
  4. resizable: false,
  5. height:180,
  6. modal: true,
  7. buttons: {
  8. Ok: function() {
  9. $(this).dialog('close');
  10. doMyThing();
  11. $('form').submit();
  12. },
  13. Cancel: function() {
  14. $(this).dialog('close');
  15. }
  16. }
  17. });

I see there is a bug raised stating that this happens in IE8 too.  Not a big issue I guess as you can still press Esc to get back to parent page and resume tabbing.  But, it is an issue none the less, especially as it seems to work in FF but nothing else.

Any ideas?

    • Topic Participants

    • adam