Twitter bootstrap modal leaves screen unclickable after it disappears

Question

I tried to use the modal feature of the twitter bootstrap framework with iOS5. After the user clicks on the close button, the modal disappears correctly, but no other item of the screen seems to be clickable. This behaviour just occurs under iOS5.

It's working correctly with iOS 6 and in any desktop browser.

Here the close button:

<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a>

May this occur because of the missing html5/css3 support in iOS5?

Answer 1

mr Liam say true: the modal box will also bring up a background overlay which prevents touches outside the background view. Yor may catch it in debug and write your own js to close it when button clicked. Like $('.your_class').hide()

Also take attention that this problem may occurred when you open modal window and leave the page. If you click 'back' on device, you may see same problem