javascript - xterm.js FitAddon：最大宽度和 textarea 换行

Question

我正在尝试使用 xterm.js 和 fit-addon 创建一个全尺寸终端。这是我的代码：

<link rel="stylesheet" href="/static/node_modules/xterm/css/xterm.css">
<script type="text/javascript" src="/static/node_modules/xterm/lib/xterm.js"></script>
<script type="text/javascript" src="/static/node_modules/xterm-addon-fit/lib/xterm-addon-fit.js"></script>
<script type="text/javascript" src="/static/node_modules/socket.io-client/dist/socket.io.js"></script>

<div id="remote-shell" style="height:100%; width: 100%"></div>

<script>
   const term = new Terminal({
                   cursorBlink: true,
                   macOptionIsMeta: true
                });
   const fitAddon = new FitAddon.FitAddon();
   term.loadAddon(fitAddon);
   term.open(document.getElementById('remote-shell'));
   fitAddon.fit();
</script>

在图片中，您可以看到问题：

1. 即使remote-shelldiv 看起来是全宽的，xterm 的宽度也是有限的。
2. 达到 xterm 宽度限制后，没有换行。该行只是“覆盖”以前的内容（注意光标的位置）。