xtermjs/xterm.js

The terminal instance cannot be rendered correctly after calling `.open()` for the second time.

Open

#4.978 aberto em 3 de mar. de 2024

Ver no GitHub
 (10 comments) (0 reactions) (1 assignee)TypeScript (1.574 forks)batch import
help wantedtype/bug

Métricas do repositório

Stars
 (16.196 stars)
Métricas de merge de PR
 (Mesclagem média 4d 3h) (81 fundiu PRs em 30d)

Description

I am new to using xtermjs. I am not sure whether the terminal instance can call the open() method multiple times. According to the official documentation and https://github.com/xtermjs/xterm.js/issues/1323, I tried it. When I removed the dom and mounted again, and used terminal.open(), xterm did not render after the second open.

Details

  • Browser and browser version: chrome 122.0.6261.94
  • OS version: macOS 14.3
  • xterm.js version: 5.4.0

Steps to reproduce

Reproduce

  1. Click the toggle button, xterm renders correctly.
  2. Click the toggle button, remove dom
  3. Click the toggle button, mount dom, xterm did not render after the second open

I'm sorry if there's something wrong with my usage

Guia do colaborador

Direção de pesquisa
Investigue o comportamento de Terminal.open() quando chamado várias vezes. O problema fornece uma reprodução no CodeSandbox (App.tsx) e faz referência ao issue anterior #1323. Verifique a lógica de limpeza no método open e se o terminal se desanexa corretamente do antigo elemento DOM. Procure por qualquer estado que possa não ser redefinido em chamadas subsequentes. Considere adicionar uma verificação ou atualizar a documentação para esclarecer o uso esperado.
Pilha de tecnologia
typescriptjavascripthtmlcss
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Aguardando mantenedor
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
Familiarity with xterm.js APIUnderstanding of DOM lifecycle
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60