Javascript 使用codemirror和xterm.js时，元素高度超过网格布局限制
我正在尝试将CodeMirror和Xterm.js放在GridLayout中，如下代码所示。我在这里为Javascript 使用codemirror和xterm.js时，元素高度超过网格布局限制,javascript,html,html5-canvas,codemirror,xtermjs,Javascript,Html,Html5 Canvas,Codemirror,Xtermjs,我正在尝试将CodeMirror和Xterm.js放在GridLayout中，如下代码所示。我在这里为网格模板行指定1fr 200px 80px，我对此有问题 出现问题 如果CodeMirror文本区域包含足够的文本，则高度将随文本量的增加而增加。我希望显示滚动条时不会伸出1fr xterm.js伸出容器。xterm.js伸出容器。我希望xterm.js适合网格模板行指定的大小 如何解决这些问题？多谢各位 const editor=CodeMirror.fromTextArea（docum
网格模板行指定1fr 200px 80px
，我对此有问题
出现问题
如果CodeMirror文本区域包含足够的文本，则高度将随文本量的增加而增加。我希望显示滚动条时不会伸出1fr
xterm.js伸出容器。xterm.js伸出容器。我希望xterm.js适合网格模板行指定的大小
如何解决这些问题？多谢各位
const editor=CodeMirror.fromTextArea（document.getElementById（“编辑器”）{
行号：对，
模式：“文本/x-csrc”，
视口边界：无限
});
const codemirr=document.getElementById（“代码镜像”）；
editor.setSize（“100%”，即“100%”）；
常数项=新端子（）；
term.open（document.getElementById（'terminal'）；
write（'Hello from\x1B[1；3；31mxterm.js\x1B[0m$”）
addEventListener（“调整大小”，函数（）{
editor.setSize（）；
}，false）；
.container{
高度：100vh；
}
.编辑{
显示：网格；
网格模板行：1fr 200px 80px；
身高：100%；
}
类型定义结构{
void*arg_插座；
zmq_msg_t*arg_msg；
字符*arg_字符串；
无符号长参数；
int arg_int，arg_命令；
内部信号；
int pad；
无效*上下文；
扫描电镜；
}acl_zmq_上下文；
跑