Monday, May 20, 2024
Homepage · jquery
 Popular · Latest · Hot · Upcoming
9
rated 0 times [  10] [ 1]  / answers: 1 / hits: 25740  / 11 Years ago, tue, may 28, 2013, 12:00:00

I am using 2 modals, 1st one contains a form and 2nd shows up when an error occurs in the form. 2nd modal contains only text with error message.



My problem is that when 2nd modal show up and I press Esc, the first one (with the form) will close instead on the 2nd one.



Is there any way how to focus the 2nd modal when it shows up?



enter



This is how it looks like, now if I pressed Esc, the 1st one would close, but I want to close the 2nd one first.



UPDATE



Once I click somewhere on the 2nd modal, it works perfectly. I just need to select/focus it automatically


More From » jquery
 Answers
21

It looks like this is an issue with how the keyup event is being bound.



You can add the tabindexattribute to your modal to get around this issue:



 tabindex=-1


So your full code should look like this:



<a href=#my-modal data-keyboard=true data-toggle=modal>Open Modal</a>



<div class='modal fade hide' id='my-modal' tabindex='-1'>

<div class='modal-body'>

<div>Test</div>

</div>




For more info you can view the discussion on this issue on github:
https://github.com/twitter/bootstrap/issues/4663


[#77976] Monday, May 27, 2013, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
isaacvalentinn
Add To Favorites
Follow
Total Points: 325
Total Questions: 120
Total Answers: 131
Location: North Korea
Member since Tue, Jun 16, 2020
4 Years ago
isaacvalentinn questions
Tue, Aug 10, 21, 00:00, 3 Years ago
Mon, Jan 18, 21, 00:00, 3 Years ago
Mon, Nov 23, 20, 00:00, 4 Years ago
Wed, Sep 23, 20, 00:00, 4 Years ago
Wed, Sep 9, 20, 00:00, 4 Years ago
View All
;