iOS键盘不会关闭，由iframe中的输入触发

Question

我的网页上有一个模态窗口，其中包含一个<iframe> ，页面存储在远程服务器上。 此页面包含带有一些<input>元素的表单。 当用户点击模态上的关闭按钮时，iframe的模态将隐藏。

问题：如果用户开始在<iframe>中的<input>键入内容然后关闭模态，键盘将不会关闭，直到他按下Done按钮。

我简化了这个例子并删除了模态实体，并提供了两个按钮：一个是隐藏模态，另一个是从DOM中删除它。

• 演示
• 如果需要，源代码

我试图将window.activeElement设置明确地放在根页面上的不同元素上。（你可以在demo上查看它），尝试在iframe或iframe.contentWindow上调用.blur()方法。 在我的应用<iframe>隐藏，但我试图从页面中删除它。

目前的行为：

• 用户开始在<iframe>中的<input>键入内容
• iOS键盘打开
• 删除/隐藏iframe
• 即使<input>不存在或隐藏，iOS键盘仍然打开。

我假设键盘应该被隐藏，如果没有被触发的元素被再次呈现，就像它在Android / Chrome上完成的那样。

在这种情况下我几乎没有问题：

• 我可以在我的应用中以某种方式解决此问题吗？
• 如果它是iOS或WebKit中的错误，是否有一些由Apple或社区提供的bug跟踪器来解决这类问题？

Answer 1

使用Responder Chain：UIApplication.sharedApplication（）。sendAction（“resignFirstResponder”，to：nil，from：nil，forEvent：nil）

使用UIView的endEditing：self.view.endEditing（true）