ipad 虚拟键盘后面的模态得到重叠

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>