Focus in Modal Dialog

[stevenbirr]

Hey,

we encountered a problem using the backdrop modal dialog. When the dialog opens, it does not get any focus event. Thus, if you open the dialog and and press [Tab] afterwards, then the next element on the page "behind" the the modal get focussed. Furthermore, the user can leave the modal by pressing [Tab], even if it's a "backdrop: static" modal.

This is contrary to the default Bootstrap's modals. As you can see here: http://getbootstrap.com/javascript/#modals the focus stays always inside the modal when pressing [Tab].

Regards, Steven

[akserg]

Thanks, I will have a look.

On 8 July 2014 14:58, stevenbirr [email protected] wrote:

Hey,

we encountered a problem using the backdrop modal dialog. When the dialog opens, it does not get any focus event. Thus, if you open the dialog and and press [Tab] afterwards, then the next element on the page "behind" the the modal get focussed. Furthermore, the user can leave the modal by pressing [Tab], even if it's a "backdrop: static" modal.

This is contrary to the default Bootstrap's modals. As you can see here: http://getbootstrap.com/javascript/#modals the focus stays always inside the modal when pressing [Tab].

Regards, Steven

— Reply to this email directly or view it on GitHub https://github.com/akserg/angular.dart.ui/issues/96.

[akserg]

Hi Steven.

I have check original example from location you did mentioned on Bootstrap website: http://getbootstrap.com/javascript/#modals If I highlight the close button on modal and press TAB the focus moving to other components behind the model. Seems they have the same bug, but I wish to fix it in our implementation.

On 8 July 2014 15:30, Sergey Akopkokhyants [email protected] wrote:

Thanks, I will have a look.

On 8 July 2014 14:58, stevenbirr [email protected] wrote:

Hey,

we encountered a problem using the backdrop modal dialog. When the dialog opens, it does not get any focus event. Thus, if you open the dialog and and press [Tab] afterwards, then the next element on the page "behind" the the modal get focussed. Furthermore, the user can leave the modal by pressing [Tab], even if it's a "backdrop: static" modal.

This is contrary to the default Bootstrap's modals. As you can see here: http://getbootstrap.com/javascript/#modals the focus stays always inside the modal when pressing [Tab].

Regards, Steven

— Reply to this email directly or view it on GitHub https://github.com/akserg/angular.dart.ui/issues/96.

[akserg]

Autofocus problem was fixed in original Angular UI only 3 days ago. Check this issue. I wish check and combine with tabulation issue.

[akserg]

I found this issue in Angular UI Bootstrap makes me furious. This one still open close to 10 month and was updated only 2 days ago.

[akserg]

Planning to fix it soon.