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

Adi*_*lem 7 html facebook webview ios

该问题仅在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/关于/

码:

<iframe style="position: fixed; bottom: 0; height: 100px;" srcdoc="<input/>"></iframe>
Run Code Online (Sandbox Code Playgroud)

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