此问题仅发生在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>
有人遇到类似问题或有任何建议吗?