Using the Tab key to navigate in a "modal" form is useless.
The "modal" form presentation is NOT really modal: it is just presented on top of the other frames.
==> using the Tab key will jump from the modal form to any frame in the browser !
I checked this on the extjs forum and this is clearly a failing feature. As a workaround, the code below was proposed.
Support, would it make sense to include that code somewhere ??
Thanks
http://extjs.com/forum/showthread.php?t=7964&page=4
Ext.onReady(function()
{
Ext.getBody().on('keyup', function(e, t)
{
if (e.TAB == e.getKey())
{
var top_win = Ext.WindowMgr.getActive();
if (top_win && top_win.modal)
{
if (!top_win.getEl().contains(document.activeElement))
{
var found = false;
var first_focus = top_win.findBy(function(cmp, win)
{
var ti = cmp.getEl().dom.tabIndex;
if('hidden' != cmp.getXType() && 'panel' != cmp.getXType()&&
'form' != cmp.getXType()&& !cmp.hidden && ti >= 0 && !found)
{
found = true;
return true;
}
return false;
});
if (first_focus.length > 0)
{
first_focus[0].focus(true);
}
else
{
top_win.focus();
}
}
}
}
}, this);
});
