Modal get overlap behind the ipad virtual keypad

Question

I am using a custom ui-dialog modal. This is working fine on desktop and android device. But ON IOS device it's occurring issue once virtual keypad open. Usually, it's pushed the content top once keyboard shows. I have used position: absolute; and also tried with relative but still, it does not work. Can anybody help me with this..

Answer 1

Try

<script>
if( navigator.userAgent.match(/iPhone|iPad|iPod/i) ) {
   var s = document.createElement('style'), styleSheet;
   document.head.appendChild(s);
   styleSheet = s.sheet;
   styleSheet.insertRule(".modal { position:absolute; bottom:auto; }", 0);
 }
</script>