Проблема - когда на iPad открыто модальное окно и выбираешь поле для ввода, то окно уезжает за клавиатуру. Как сделать что бы этого не происходило?
#eModal-Overlay{background:#000 url(../images/loader.gif) no-repeat scroll center center;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100000}
#eModal-Container{max-height:90%;max-width:90%;position:absolute;z-index:100001;width: 450px;}
#eModal-Container #eModal-Title{font-size:20px;line-height:20px;margin:0 5px 5px;text-align:center}
#eModal-Container #eModal-Content{overflow-x:hidden;overflow-y:auto}
#eModal-Container img{max-height:100%;width:auto}
#eModal-Close{cursor:pointer;display:block;font-size:20px;font-weight:700;line-height:16px;position:absolute;text-align:center;text-decoration:none;vertical-align:middle}
#eModal-Buttons{bottom:20px;height:30px;left:-30px;position:absolute;right:-30px}
#eModal-Previous{background:#fff;height:30px;left:0;position:absolute;width:30px}
#eModal-Next{background:#fff;height:30px;position:absolute;right:0;width:30px}
#eModal-Content p {margin:0;}
#eModal-Content input {
background: none repeat scroll 0 0 #666666;
border: 1px solid #16171A;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
#eModal-Content input:hover, #eModal-Content input:focus, #eModal-Content input.focused, #eModal-Content input.actasfocused {
border-color: #16171A;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 12px rgba(255, 255, 255, 0.5);
}
#eModal-Content label input:focus, #eModal-Content input.focused, #eModal-Content label input.actasfocused {
border: 1px solid rgba(255, 255, 255, 0.5);
outline: medium none;
}
Простой
Средний
