在el-dialog中使用tinymce 点击工具栏下拉框被遮挡

在el-dialog中使用tinymce控件时,会出现点击工具栏下拉框出现在弹窗下一层,审查元素之后发现是tinymce的下拉框z-index优先级低于el-dialog的z-index导致的,所以需要增加tinymce的下拉框的z-index值。

通过审查元素得到,需要修改tox-tinymce-aux元素的优先级:

css 复制代码
<style lang="scss">
/* 在el-dialog中使用tinymce  z-index被遮挡 */
.tox-tinymce-aux {
  z-index: 9999 !important;
}
</style>

这样就可以了:

相关推荐
小凡同志10 分钟前
从 Vibe Coding 到 Spec-Driven:AI 编程范式的下一次进化
前端·人工智能·架构
hbstream11 分钟前
受够了Vibe Coding的失控?换个起点,让AI事半功倍
前端·人工智能
chxii11 分钟前
在IIS中开启http跳转到https 和 http2的介绍
前端·http·https
霪霖笙箫27 分钟前
「JS全栈AI Agent学习」六、当AI遇到矛盾,该自己决定还是问你?—— Human-in-the-Loop
前端·面试·agent
煜bart28 分钟前
使用 TypeScript 实现算法处理
开发语言·前端·javascript
Mike_jia41 分钟前
NginxPulse:Nginx日志监控革命!实时洞察Web流量与安全态势的智能利器
前端
风之舞_yjf1 小时前
Vue基础(31)_插件(plugins)、scoped样式
前端·vue.js
M ? A1 小时前
Vue3+TS实战避坑指南
前端·vue.js·经验分享
Mintopia1 小时前
你以为是技术问题,其实是流程问题:工程效率的真相
前端
Mintopia1 小时前
一套能落地的"防 Bug"习惯:不用加班也能少出错
前端