iPad Iframe Ghost Bug

时间:2015-10-16 14:10:16

标签: ipad iframe safari css-position

如果iframe位于具有固定位置的div的页面中,并且在iframe中有一些位置固定的元素,iframe将在iframe中的某个输入/ textarea字段中输入后消失。

的index.html:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <div style="position: fixed; width: 250px; height: 250px; top: 0px; right: 0px; border: solid 2px red;">           
      <iframe src="iframe.html" style="width: 250px; height: 250px;"></iframe>           
    </div>         
  </body>
</html>

Iframe.html的:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <div style="position: fixed">         
      <input type="text" placeholder="type here" /><br>
      start typing above in iPad and after 1st char this iframe will be moved to the left side and after 2nd char it will completely dissapear
      (tested on iPad 2; iOS 9.0.2; Safari 601.1)
    </div>  
  </body>
</html>

演示:http://goo.gl/W0VDbh

你知道如何解决它吗?注意:固定的位置无法删除/替换,在index.html中无法添加全局样式 - 仅适用于div及其子元素。

0 个答案:

没有答案