Thursday, May 23, 2013

TABGuard jQuery plugin

Coding a web page it often happens that there is a need to limit number of elements that TAB will put in focus. Default browser behavior is to iterate over all the focusable elements on the page and then put elements in browsers chrome in focus so URL bar, search box, etc etc. It becomes a problem when e.g. having a dialog we need TAB to iterate only over elements contained in this dialog and nothing outside of it. Seeing how many people having problems with it I put together this tiny (~2kb minimised) jQuery UI plugin that limits elements that TAB fill focus on. Details and example of use can be found at
and I hope someone will find it useful.