contentEditable ios webkit safari 上的固定位置损坏

【问题标题】：fixed position broken on contentEditable ios webkit safaricontentEditable ios webkit safari 上的固定位置损坏
【发布时间】：2013-01-29 15:15:27
【问题描述】：

我想为ipad 创建一个wysiwyg-editor 并有一个带有position:fixed 的工具栏 - 以便它始终可用。

但是，当我关注 div 和 contentEditable="true" 时，工具栏不再固定。

这是一个错误吗？

有解决办法吗？

【问题讨论】：

我也想要这个。到目前为止，我想出的任何东西都没有任何效果。
移动 safari 中存在内容可编辑的错误。请看bugs.eclipse.org/bugs/show_bug.cgi?id=371646

标签： ios safari webkit contenteditable css-position

【解决方案1】：

只是在寻找同样的东西时发现了这个 - 出于同样的原因......

我们对工具栏有一个中途解决方案，但它有点偏离页面，然后在滚动最终停止时重置到正确的位置。该解决方案尚未推送到 github，但将在接下来的几天内发布。到目前为止，我们最好的方法是一大块 JS，如果我们认识到我们正在使用 iOS，它会强制 div 恢复原位:-(

但是您可能想检查一下我们在任何情况下构建的编辑器 :-) http://www.quink.mobi 或 https://github.com/IMD-Business-School/Quink。

【讨论】：