Hi Folks,
Ipad chrome browser I used, modal show under black screen. Please help me.
the website chrome browser is working fine
Issue occur when I add -webkit-overflow-scrolling :touch
NOTE: I used bootstrap 4, jquery version 3.3.1
<head>
<style>
#example{
position: absolute;
top:61px;
bottom: 0; left: 0; right: 0;
padding-left:15px;
padding-right:15px;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling :touch
}
</style>
</head>
<body>
<div id="example">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
Open modal
</button>
<!-- The Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Modal Heading</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
Modal body..
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</body>
Hi Folks,
Ipad chrome browser I used, modal show under black screen. Please help me.
the website chrome browser is working fine
Issue occur when I add -webkit-overflow-scrolling :touch
NOTE: I used bootstrap 4, jquery version 3.3.1