iOS上的Facebook应用程序内浏览器无法正确处理iframe中的输入

时间:2019-06-17 11:13:35

标签: html ios facebook webview

此问题仅发生在iOS上的Facebook应用程序内浏览器(和Messenger)上。不会在Safari @ iOS,Chrome @ iOS或Facebook的Android应用内浏览器上重现。

在iframe内有输入时,并且iframe具有position: fixed;且位于视口底部(即bottom: 0;)时,该输入只能进行一次聚焦。

一旦被聚焦,键盘将弹出,并在关闭键盘后-页面“冻结”,并且输入无法再次聚焦-直到滚动页面以释放冻结。

将其缩小到以下代码段:

由于该代码段仅在iOS上的Facebook应用程序内浏览器上复制,因此可以通过以下Facebook页面打开该代码段:(在“网站”部分) https://www.facebook.com/pg/Adirs-Sport-Store-881742425287139/about/

代码:

<iframe style="position: fixed; bottom: 0; height: 100px;" srcdoc="<input/>"></iframe>

有人遇到类似问题或有任何建议吗?

0 个答案:

没有答案