0
126
ViewsLa altura dinámica de xtermjs no se actualiza correctamente
Estoy tratando de hacer que la altura de xtermjs sea dinámica. He buscado, pero las soluciones no parecen resolver mi problema. Jugué con CSS pero el problema no parece estar ahí. También estoy usando xterm-addon-fit.
Como ejemplo, creé este sandbox para mostrar el problema. He agregado un panel de arrastre que tiene una barra negra algo difícil de ver en la parte inferior. Cuando lo arrastro, el componente xtermjs no cambia de tamaño.
En la imagen a continuación, el cuadro negro con números (xterm) debe estar dentro del cuadro naranja después de cambiar el tamaño del cuadro naranja. 
He usado un componente para que sea más fácil de probar, pero sucede si cambiamos el tamaño de la ventana de otras formas.
¿Que me estoy perdiendo aqui?
1 answers
Answer question0
Como explicó @jerk, si fit cuando ocurre el cambio de tamaño, se soluciona el problema. Este codesandbox con un gancho adicional lo hace funcionar. Aunque ahora para probarlo, debe arrastrar el panel de la consola hacia arriba y hacia abajo en lugar de usar el componente personalizado.
// It resizes xterm when the height changes useEffect(() => { fitAddon.fit(); }, [height]);Observe que el desplazamiento automático se detiene. Dependiendo del escenario, es posible que desee desplazarse hasta el final.