Twitter bootstrap: modal on mobile phones

modal-dialog, twitter-bootstrap

Solution

Found a solution..if anyone will have the same issue. Just added 'active' class to the modal and it's working ok now.

class="modal hide fade active"

Problem

I'm trying to figure out why I can't seem to click on anything inside the modal when it comes up (on a mobile device that is - it works OK in a pc browser). I have a code like this which is a basic modal from twitter bootstrap: ``` <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria hidden="true">×</button> <h3 id="myModalLabel">choose!</h3> </div> <div class="modal-body"> <div class="row-fluid"> <form> <fieldset> <select class="input-large"> <option value="0">10:15</option> <option value="1">12:45</option> <option value="2">13:15</option> </select> </fieldset> </form> </div> </div> <div class="modal-footer"> <button class="btn pull-left" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-primary">Save changes</button> </div> </div> <!-- modal END --> ``` And this modal is opened by javascript event. It opens well enough, but on my phone I can't click (or i miss all the time?) the buttons or hit the select field. Any thoughts on that? Thanks for any help.

Original source