March 16, 2016

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.

You may also like...

1 Response

  1. March 5, 2017

    Google

    Please take a look at the websites we adhere to, including this a single, because it represents our picks through the web.

Leave a Reply