About Bootstrap modal solutions that can't pop up in IOS9 (iOS 9 bootstrap modal iOS 9 noticework) _javascript Tips

Recent projects with the bootstrap front-end, mobile phone just updated IOS9 found that modal there is a bug, Home point pop-up box will appear problems, find a lot of information finally find a solution. Add the following code in the CSS

Css

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

Ps:bootstrap DatePicker does not display problems in bootstrap modal

You can solve the problem perfectly by nesting outside the input box<span style="position: relative; z-index: 9999;">.

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=" {{' Now ' |date (' y-m-d ')}} ">
  <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= "{{' Now ' |date (' y-m-d ')}}" >
  </span>
  <span class= "Input-group-addon" ><i class= "fa fa-calendar bigger-110" ></i></span>
</div>

The above is a small set to introduce the bootstrap modal in the IOS9 can not pop up the solution, I hope to help you, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!