I have a jquery ui dialog with tabs loaded dynamically/JSON with content. Due to the complexity, I can't really post a fiddle or a relevant code (too much code).
What's happening is that when the dialog opens, you can tab through the elements within the dialog, up to the first tab. After that, you cannot tab through to anywhere else. The focus is locked on that tab, even if you click elsewhere, that focus is locked on that tab.
I am unable to locate the actual cause of this issue.
So, how would I remove the focus programmatically?
The blur() method removes focus from an element.
Either use the LostKeyboardFocus event or shift focus to another element (which shifts logical focus along with it) before clearing keyboard focus.
This might help...
http://api.jquery.com/blur/
$('#tabName').blur();
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With