iPhone键盘在contenteditable上输入时隐藏文本

Posted

技术标签:

【中文标题】iPhone键盘在contenteditable上输入时隐藏文本【英文标题】:iPhone keyboard hides text when entering on contenteditable 【发布时间】:2016-12-11 14:48:31 【问题描述】:

我的网站有一个 contenteditable div,如下所示:

<p id="" contenteditable="true">Text here</p>

它在大多数浏览器和 android 上都可以正常工作,但在 iPhone safari 上,当我输入越来越多的文本(或按几个“返回”键)时,光标会落在可见区域之外。键盘会隐藏光标,我不知道我在输入什么。

预期的行为应该是在我输入文本时自动向上滚动的页面。我可以在我的 html 代码或一些 javascript 上修复它吗?谢谢!

【问题讨论】:

【参考方案1】:

这是 Safari 中的一个错误,您应该向 Apple 提交错误报告:

https://www.apple.com/feedback/safari.html

【讨论】:

以上是关于iPhone键盘在contenteditable上输入时隐藏文本的主要内容,如果未能解决你的问题,请参考以下文章

Contenteditable div在离子iOS应用中不可编辑

Contenteditable div在离子iOS应用程序中不可编辑

div设置了contentEditable属性。android上正常;ios上虽然键盘弹出来了,但是不能输入并且没有光标

Cordova ios WKWebView第一个touchstart事件在键盘启动时没有触发

如何在 iphone 模拟器上使用键盘打字?

如何在 iPhone 上默认显示数字键盘?