问Monaco编辑器智能感知不是全高

EN

这个问题来自于使用的一个相当常见的css类：.tree。例如，tailwindcss之类的库将padding添加到其中。为了撤消它为monaco编辑器添加的一些内容，我们在css文件中添加了以下内容：

.monaco-editor .suggest-widget div.tree {
    white-space: unset;
    padding-bottom: 0;
}

要获得其他库和样式工件的解决方案：

这应该是相当简单的，但是当我们试图观察它时，建议对话框有隐藏的趋势。因此，一个UI专家和我花了一段时间浏览了一下剧本，试图对其进行调试。检查它的唯一成功方法是通过运行来滥用JS调试器(这是我正在努力寻找信任的堆栈溢出帖子的提示)，并导致JS引擎暂停：

运行：

setTimeout(5000);

这给了我们5秒的时间来显示建议窗口(或设置为问题的相对时间量)。在此之后，您可以使用快捷方式对其进行常规检查：

调试器元素选择器的ctrl+shift+c。

我们在这里，建议来自以下帖子：How can I inspect disappearing element in a browser?

在子树上中断可能会起作用，但我们在逐步完成更改时变得有点不耐烦了。在这种情况下，ctrl+ /似乎帮不了什么忙，只剩下奇怪的setTimout来挽救局面。

下拉列表在编辑器的边界处被裁剪。我真想知道你怎么能看到编辑器外面的最后一个空部分。

对于检查:使用浏览器的开发工具来查看容器是如何重叠的。这将避免编辑器隐藏下拉菜单。

更新

在你的更新之后，我想现在不知何故，样式搞乱了。您必须找到一种方法来显示弹出窗口，并且仍然可以在开发人员工具中导航DOM树。尝试定位父级并查看该弹出窗口是否只是隐藏的(它仍然显示在树中)，或者它是否是动态创建的，或者是一个门户，它位于树的完全不同的部分。

如果不能做到这一点，那么尝试禁用所有CSS，看看这是否解决了问题。如果是这样，则启用CSS逐段查找罪魁祸首。