wangEditor
wangEditor copied to clipboard
编辑器,悬浮工具框遮盖文本问题
bug 描述
编辑器输入文本较少的情况下,单独选中一行,default 模式下,显示的悬浮工具栏会把字体全部遮盖完毕,导致无法正常在编辑区内进行,取消操作,无法取消操作的原因是无法点到编辑器,如果字体打一些是可以通过点击取消的。附上编辑器的定义
<Toolbar :editor="Ref" :defaultConfig="toolbarConfig" :mode="mode"/>
<Editor v-model="editorContent"
:defaultConfig="editorConfig"
:mode="mode"
@onCreated="onCreated"
@onChange="onChange"
@onDestroyed="onDestroyed"
@focus="Focus"
@blur="Blur"
style="width: 100%"
/>
你预期的样子是?
希望在输入少量文本时候选中出现的悬浮工具框,不要覆盖到当前选中的文本上
系统和浏览器及版本号
- 操作系统 window11
- 浏览器和版本 Chrome 版本 111.0.5563.111(正式版本) (64 位)
wangEditor 版本
v5 vue3
demo 能否复现该 bug ?
不能,这个应该和我编辑器内容区的高度有关
- 中文 demo https://www.wangeditor.com/demo/
- English demo https://www.wangeditor.com/demo/?lang=en
在线 demo
请尽量提供在线 demo (推荐以下网站),帮助我们最低成本复现 bug 暂无
最小成本的复现步骤
感觉最好是聚焦后,上方显示菜单栏才行,不然会被覆盖到