Bootstrap modal scroll problem in IOS while filling a form with virtual keyboard

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;
}

</style>”;
}

Detect the iPhone first and then add a inline style to tha page.