Tab navigation slow in dialogs with large DOM

[olejorgenb]

​http://jsfiddle.net/L8HT3/4/ (try navigation with the tab key. There's a noticable slowdown)

The "offender" is

uiDialog.bind( "keydown.ui-dialog", function( event ) {

that ends up checking :visible on a TON of elements. (via :focusable)

[Scott González]

The only solution is to cache the list of tabbable elements and then add a refresh method which will update the cache so that we can support dynamic content inside dialogs.

[olejorgenb]

It wouldn't be possible to bind on keyup and check if the element gaining focus is inside the dialog, otherwise reversing the tab? Might cause visual glitches though :(

[Scott González]

That would let focus move out and then back in which would cause issues.

[drewkimrey]

This seems to be an edge case. I would suggest either not using modal, or perhaps try using a custom solution outside of dialog. IE: show hidden div, or something simliar.