Xterm.js不渲染大型输出

Question

我正在使用pusher和xtermjs。对于w或free -m之类的命令的小输出，它可以正常工作。对于命令ps -aux的大输出，它不起作用。输出显示在浏览器控制台中，而不显示在xtermjs输出div中。

这是我的pusher事件处理程序。

    this.term = new Terminal({
      debug: true,
      allowTransparency: true,
      applicationCursor: true,
      applicationKeypad: true,
      normalFontWeight: 100,
      fontSize: 14,
      cursorBlink: true,
      cursorStyle: 'block', // “block” | “underline” | “bar” *
    })

    this.term.open(document.getElementById(this.outputDiv))
    this.term.fit()

    let screenObject = this
    let terminalObj = this.term
    window.UserChannel.bind('com.testing.command.result', function (data) {
      // console.log(data)
      let text = data.payload.replace(/\n/g, '\r\n')
      terminalObj.writeln(text)
      // terminalObj.fit()
      // screenObject.hideHelpers()
    })

Answer 1

问题出在xterm-scroll-area。它正在隐藏数据。我已将样式选项设置为postion:absolute; z-index:0;，并且有效。