Bootstrap modal scroll problem in IOS while filling a form with virtual keyboard. It mess up with fixed division when ios virtual keyboard appears.
Because of modal class is fixed it also make irregularities with IOS devices. I have fixed this with below code:
$iPhone = stripos($_SERVER[‘HTTP_USER_AGENT’],”iPhone”);
if($iPhone ){
echo “<style>
.modal-open {
position: fixed;
width: 100%;
overflow: hidden;
}
if($iPhone ){
echo “<style>
.modal-open {
position: fixed;
width: 100%;
overflow: hidden;
}
</style>”;
}
Detect the iPhone first and then add a inline style to tha page.
1 Response
Google
Please take a look at the websites we adhere to, including this a single, because it represents our picks through the web.