Regarding the solution to the problem that BootStrap modal cannot pop up in IOS9

The bootstrap front-end is used in the recent project. I just updated my phone to IOS9 and found that there is a bug in the modal. There will be a problem with the pop-up box when I click on the homepage. After searching a lot of information, I finally found a solution. Add the following code to CSS

CSS

body {
 padding-right: 0px !important
}
.modal-open {
 overflow-y: auto;
}

PS: bootstrap datepicker does not display the problem in bootstrap modal

You can nest it outside the input box Perfectly solves the problem.

Before modification:

<div class="input-group">
  <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ &#39;now&#39;|date(&#39;Y-m-d&#39;) }}">
  <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>

After modification:

<div class="input-group">
  <span style="position: relative; z-index: 9999;">
    <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ &#39;now&#39;|date(&#39;Y-m-d&#39;) }}">
  </span>
  <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>

The above is the solution introduced by the editor to you about the BootStrap modal cannot pop up in IOS9. I hope it will be helpful to everyone. , if you have any questions, please leave me a message, and the editor will reply to you in time. I would also like to thank you all for your support of the PHP Chinese website!

For more related articles about the solution to the problem that BootStrap modal cannot pop up in IOS9, please pay attention to the PHP Chinese website!