Window is not preventing access to the form it covers

2 posts, 0 answers
  1. Rob
    Rob avatar
    6 posts
    Member since:
    Jul 2010

    Posted 13 Oct 2014 Link to this post

    I am using a KendoUI window to popup a search dialog.  If the user tabs through the search criteria fields, when tabbing off the last form item, they end up in the form that is being covered by the overlay and can interact with the form in the background.  Mouse clicks are prevented but pressing tab seems to not be limited in scope to only controls on the window.
  2. Dimo
    Dimo avatar
    8472 posts

    Posted 14 Oct 2014 Link to this post

    Hi Robert,

    The desired behavior can be achieved with some custom coding that depends on the HTML markup inside the Window. You can use the focus, blur and/or keydown events of suitable elements on the page, as well as the document's activeElement field.

    The keyCode of the TAB key is 9.

    Basically, you need to detect when the focus is moved to a form field or hyperlink outside the Window popup and get it back inside the popup.

    There are third-party popup widgets, which provide "true" modality out-of-the-box and access to elements outside the popup is disabled, however, in some scenarios such behavior is too intrusive and has undesired side effects.

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top