避免修剪摩纳哥的装饰品?

问题描述

摩纳哥编辑器具有多个用于创建装饰或覆盖的界面。这些似乎呈现为DOM中两个位置之一:

  1. .monaco-editor> .overflow-guard> .overlayWidgets> .monaco-editor-hover
  2. .monaco-editor> .overflowingContentWidgets

我发现使用线条装饰API,将覆盖层渲染到位置(1),这是一个问题:

Clipped line decoration

发生这种情况是因为.overflow-guard的溢出(惊奇!)设置为“隐藏”。

示例代码

editorInstance.getModel().deltadecorations(decorations.current,[
  {
    range: new monaco.Range(err.line,err.pos,err.line,err.pos + err.str.length),options: {
      className: 'error',glyphMarginClassName: 'error_line',glyphMarginHoverMessage: { value: err.message },overviewRuler: { color: '#ff0000',position: monaco.editor.OverviewRulerLane.Full }
    }
  }
]);

这是IModelDecorationOptions的实例。

问题

  • 是否可以修改我的代码以使装饰呈现在overflow-guard之外?
  • 这里有摩纳哥的虫子吗? (我找不到在操场上进行测试的方法

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)