获取焦点后,样式异常的处理方法

问题

在使用monaco-editor 设置代码提示未正常显示,提示框出现,看不到内容,如图

看不到内容,有两种情况:

情况一:没有得到数据,所以没有展示;

情况二:得到了数据,展示异常;

最终发现情况二的问题,样式被改写了,内部的样式类与外部的样式类同名,修改外部的样式类名解决的;

带失焦问题的定位

难点:上面问题的难点在于,想要通过控制台查看问题标签样式结构时,就会失焦,提示框就会消失,无法看到问题标签内部结构

过程:

  1. 首先在一个简单页面内进行调试;
  2. 通过反复失焦,找到与失焦关联的元素;
  3. 在控制台中,通过定时器反复获取失焦关联元素的DOM数据;
  4. 将获取的DOM数据在放到页面中,通过控制台调试样式,寻找问题点(我就是在这里发现的样式名冲突,样式错乱的问题)

所有这种获取焦点后展示异常的问题都可以用这种方式解决

相关推荐
小二·2 分钟前
WebGPU 浏览器端跑大模型:让AI在网页里跑起来(WebLLM/Transformers.js实战)
开发语言·javascript·人工智能
心中有国也有家13 分钟前
AtomGit Flutter 鸿蒙客户端:零外部资源的应用打包策略
android·javascript·flutter·华为·harmonyos
恋猫de小郭20 分钟前
Fluter 共享内存多线程正在落地,IsolateGroupBound 来了
android·前端·flutter
十铭忘31 分钟前
Vue3实现Pixso中的钢笔工具3——梳理函数调用
前端·vue.js
逝水无殇32 分钟前
HTML 元素详解
开发语言·前端·html
糖墨夕33 分钟前
AI Agent技术栈选择:Vue3 + NestJS + TypeScript 为什么是绝佳组合
前端·nestjs
Java面试题总结1 小时前
区间树:反向映射的前置数据结构
java·前端·数据结构
KaMeidebaby1 小时前
卡梅德生物技术快报|兔单克隆抗体:噬菌体 Fab 免疫文库搭建实操:兔单克隆抗体重组构建完整参数
前端·网络·数据库·人工智能·算法
胡萝卜术9 小时前
从API调用到手写LRU:力扣146「LRU缓存」的哈希表+双向链表终极进化之路
前端·javascript·面试
科技道人9 小时前
记录 默认置灰/禁用 app ‘Search Engine Selector‘ 的disable按钮
开发语言·前端·javascript