keyboard events are directed to background page about angular-modal-service

[dwmkerr]

Are you sure this is an issue with the angular modal service and not simply an issue with the bootstrap modal?

[ajoslin103]

I went to the bootstrap modal demo and did not see the same problem, theirs is directing the tab keys into the modal

Your demo page has the issue of the tab key cyclng thru items on the page

AngularUI has the same problem, the tab key cycles thru items on the page

Maybe Angular is 'helping' ?

[dwmkerr]

Possibly, although it might be more that the bootstrap documentation page
has a little bit of JavaScript to stop it from happening

On 4 March 2015 at 15:03, allen joslin [email protected] wrote:

I went to the bootstrap modal demo and did not see the same problem,
theirs is directing the tab keys into the modal

Your demo page has the issue of the tab key cyclng thru items on the page

AngularUI has the same problem, the tab key cycles thru items on the page

Maybe Angular is 'helping' ?

—
Reply to this email directly or view it on GitHub
#45 (comment)
.

[ajoslin103]

I just ran thru the 1st 3 pages of google results on: bootstrap modal

they all have the same problem except for this one:

http://codepen.io/SitePoint/pen/KkHyw

I sure hope that you can figure something out and add it to your code, I'm behind the 8-ball on a big project and your modals are otherwise working wonderfully for me...

If I can be of any help let me know!

[dwmkerr]

Just make sure that when you tab past the last focusable element you manually suppress the event and go to the first focusable element in the modal:

http://jsfiddle.net/dwmkerr/5botatz3/

You can probably event generalise to find the last focusable element in a container via a selector.

[ajoslin103]

I just went over to the AngularUI project and they have been trying to find the best solution for a while now. [https://github.com/angular-ui/bootstrap/issues/738]

They point out: Modal.prototype.enforceFocus() in Bootstrap 3 (which I found being called inside the Modal.show() ) and claim that it does the trick...

Now why is that not working for everyone who uses Modal ?

[bogomips]

any news?

[joelcdoyle]

This was also a problem with Angular UI Bootstrap's modal for a while (angular-ui/bootstrap#738) but some contributers eventually fixed it. It does not appear to be an easy task. I will take stab at it, because I need it for a custom modal that I am making. If I get it working I'll submit a PR.

[dwmkerr]

This is a challenge for many users, I am collecting all of the open issues related to this and closing them in favour of #209