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:
|
1 2 3 4 5 6 7 8 9 10 11 |
$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.
One thought on “Bootstrap modal scroll problem in IOS while filling a form with virtual keyboard”