使用摩纳哥裁剪悬停降价描述

Question

使用 Firefox 和 Monaco 的 Angular 包装器，我得到了这种行为：

内容显示不正常：被父组件裁剪掉。我该如何处理这个案子？我使用以下代码注册了该建议：

monaco.languages.registerHoverProvider(this.language, {
      provideHover: function (model: any, position: any) {

        const word = model.getWordAtPosition(position);
        if (!word) return;

        const info = suggestionsFromApi.filter(item => item.label === word.word)[0];

        if (info) {
          let documentationContent = []
          documentationContent = info.documentationMarkdownArray.map(item => ({value: item}));
          return {
            range: new monaco.Range(
              position.lineNumber,
              word.startColumn,
              position.lineNumber,
              word.endColumn
            ),
            contents: documentationContent
          };
        }
        return null;
      }
    });

我发现在编辑器上使用

position: absolute

可以让我可视化帮助悬停，但我无法使用此设置，因为它会破坏所有内容。

Answer 1

解决方案是将其添加到编辑器选项中：

      fixedOverflowWidgets: true,

https://microsoft.github.io/monaco-editor/typedoc/enums/editor.EditorOption.html#fixedOverflowWidgets