Css 摩纳哥智能感应非全高

我正在使用摩纳哥编辑器0.22.3与StencilJS和TailwindCSS结合使用。除了intellisense下拉菜单中的一个恼人的视觉故障外，一切都很好，如下所示：

如您所见，最后一个建议的项目部分被遮挡。 我怀疑这可能与来自TailwindCSS的一些风格有关，但我在这里几乎束手无策。我试图使用F12元素检查器来查看是否可以找到一些提示，但事实证明这几乎是不可能的，因为intellisense下拉列表一旦失去焦点就会消失

任何提示都将不胜感激

更新1 下面是一个带有更大编辑器的屏幕截图，以演示下拉列表本身似乎没有被剪裁：

更新2 下面是一个动画gif，显示了尝试使用浏览器开发人员工具调试HTML元素时出现的问题：

---

如您所见，只要我单击其他任何位置，下拉列表就会消失。

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

检查：使用浏览器的开发工具查看容器的重叠情况。这将避免编辑器隐藏下拉列表

更新 在你的更新之后，我想现在不知怎么的，风格都搞砸了。您必须找到一种方法来显示弹出窗口，并且仍然在开发人员工具中导航DOM树。尝试定位父窗口，查看该弹出窗口是否只是隐藏的（它仍然显示在树中），或者它是动态创建的，或者是位于树的完全不同部分的门户。

---

如果无法做到这一点，那么尝试禁用所有CSS，看看这是否解决了问题。如果是这样，请逐个启用CSS以查找罪魁祸首。

问题来自于使用的一个相当常见的CSS类：

.tree

。例如，tailwindcss之类的库为其添加了填充底部。为了撤销摩纳哥编辑器的一些添加，我们在css文件中添加了以下内容：

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

要获得针对其他库和样式化人工制品的解决方案：

这应该很容易，但是当我们试图观察它时，建议对话框有隐藏的倾向。所以我和一个用户界面人员花了一段时间浏览剧本，试图调试它。检查它的唯一成功方法是通过运行滥用JS调试器（这是来自堆栈溢出帖子的一个提示，我正在努力寻找它的原因），并导致JS引擎暂停：

运行：

这给了我们5秒钟的时间来显示建议窗口（或设置为问题的相对时间）。之后，您可以通过快捷方式正常检查：

ctrl

+

shift

+

c

，调出调试器元素选择器

这是我们的建议，来自以下帖子：

---

子树上的中断可能会起作用，但我们在进行更改时变得有点不耐烦

ctrl

+

/

在这种情况下似乎没有任何帮助，这使得奇怪的

设置超时来保存一天。
它看起来不是这样的。当我增加编辑器的高度时，我仍然看到了这个问题（我将用截图更新我的问题）。如前所述，我已经尝试了浏览器的开发工具（我称它们为F12元素检查器；我可以看出这个术语可能不够充分或不正确）。我将添加一个动画来演示我面对的是什么。CSS规则不仅工作得很好，处理检查消失元素的技巧也将被证明是有用的。
setTimeout(5000);