编辑器输入框无法输入问题

Matthew.Xue

15版本，vue3脚手架，elment-plus；没有使用spread组件，通过ID挂载。

这种el-dialog弹出框中挂载的编辑器，编辑器中凡是弹出框的input框都无法输入，光标无法点入，或者偶尔能点入又会瞬间消失。其他操作都包括选择框都可以点击和操作；
不是el-dialog弹出框中挂载的编辑器的编辑器则没有问题或者el-dialog弹出框中挂载的编辑器中不是弹出框的input框都没问题，如下就是可以输入的

麻烦帮忙看一下为什么会这样

Matthew.Xue · Matthew.Xue

cheng1 发表于 2025-5-8 17:27
我把这里面"element-plus": "2.2.12", 改成这版本，就有这个问题了

的确如此。这应该是element-plus的问题了，您目前升级element-plus会遇到什么困难吗？

cheng1 · cheng1

本帖最后由 cheng1 于 2025-5-7 11:07 编辑

但是我非脚手架的，vue2的html用的同一版本spreadJs 则没有这种问题；15.0.2版本

Matthew.Xue · Matthew.Xue

您好，可以尝试一下在弹框出现后执行此方法：

spread.focus(false)

复制代码

focus

cheng1 · cheng1

你是指让我在点击编辑的这些input弹框时，加入spread.focus(false)事件，但是怎么加了，有回调方法吗，所有这种有input弹框的我都要加啊

cheng1 · cheng1

本帖最后由 cheng1 于 2025-5-7 15:36 编辑

我使用监听，当gc-sjsdesigner-dialog 出现时，就spread.focus(false) 还是没用
然后我强行让input框focus，打了断点，发现一开始确实focus了，但是瞬间就又没了，像是被什么抢走了

Matthew.Xue · Matthew.Xue

抱歉，我误解了您的意思。
这边用vue3 + element-plus测试了一下，没有复现您遇到的问题，但我怀疑和z-index有关，建议您可以将el-dialog的z-index设置低一些。

cheng1 · cheng1

本帖最后由 cheng1 于 2025-5-7 16:08 编辑

你说z-index问题，但是我其他都按钮都能点击啊，我都设置成-1了也没用
我终于知道了怎么能让光标点点进去了，就是input的弹框出现后，鼠标点击一下外层gc-dialog-overlay 这个div，然后光标就能点入这些input框了，我不知道什么原理。

Matthew.Xue · Matthew.Xue

cheng1 发表于 2025-5-7 15:50
你说z-index问题，但是我其他都按钮都能点击啊，我都设置成-1了也没用
我终于知道了怎么能让光标点点进去 ...

目前无法复现该问题，您是否可以上传一个可复现的demo，我基于demo帮您看看？您可以在我上传的demo中修改。

cheng1 · cheng1

你这个demo，都是17版本的，可以用15.0.2的吗，里面安装的内容都不一样的，而且能不用组件方式吗，直接id 挂载spreadJs，你们试试看能不能复现，不能复现的话，你在这个15.0.2的demo上传上来，我来改改看能不能复现这个问题吗

		自动登录	找回密码
密码			立即注册

[已处理] 编辑器输入框无法输入问题

最佳答案

13 个回复