I have a web form on a jquery thickbox. When the user tabs off of the thickbox (which the form elements are the last elements on the page) the next item that is highlighted by the tab key is address bar of the browser. Once these are tabbed through the first elements that are accessed on the page are the items behind the thickbox that are inaccessible by the mouse.
One solution I am considering is adding to the first item of the page an "onFocus" event that will switch the focus to the first item in the thickbox if the thickbox is open...however, this may be a complicated fix. Is there another solution?
How do I prevent the user from tabbing to change focus to items below the thickbox, without doing something crazy? Can I do something simple within the JS code that launches the quickbox itself?