vditor
vditor copied to clipboard
Published
20 hours ago •
Vanessa219
Vanessa219
Safari 和 iOS/macOS WebView 的输入时的光标位置问题
编辑模式
wysiwyg 所见即所得模式
描述问题
经过测试，在 Safari 和 iOS 的 WebView 上使用 Vditor 时，每次换新行后先输入英文再删除再插入中文，此时光标相对于最后一个预览的拼音会有一点错位。
期待的结果
修复该问题
截屏或录像
https://user-images.githubusercontent.com/54029053/187360430-62268e4b-a48f-4da2-a0fe-dfc51c80529f.mov
版本信息
版本：v3.8.17 操作系统：macOS 12.5 浏览器：WKWebView，Safari
其他信息
试着调试了一下，发现当按enter到新行时，页面元素如图
当在此页面切换输入法时，
输入时，
此时中文拼音并没有出现错位现象。
但如果删除英文后切换中文输入法，再输入，则会变成
与Safari不同的是，Chrome直接以zerowidthspace占位，并不会出现这种情况
发现WkWebView似乎和Safari不太一样，这个问题更严重一点，直接换行就会出现光标错位。
测试了一下，还是wysiwyg的input有点问题 🙉
ios safari上我的编辑框点击后没有任何反应，键盘都没出现，这个是需要配置什么吗？
忽略，已解决。父元素用了bootstrap的user-select-all导致的