xtermjs/xterm.js

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

Open

#4.978 geöffnet am 3. März 2024

Auf GitHub ansehen
 (10 Kommentare) (0 Reaktionen) (1 zugewiesene Person)TypeScript (1.574 Forks)batch import
help wantedtype/bug

Repository-Metriken

Stars
 (16.196 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 4T 3h) (81 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Untersuche das Verhalten von Terminal.open(), wenn es mehrfach aufgerufen wird. Das Problem bietet eine Reproduktion in CodeSandbox (App.tsx) und verweist auf das vorherige Issue #1323. Überprüfe die Bereinigungslogik in der open Methode und ob sich das Terminal korrekt vom alten DOM Element löst. Suche nach Zuständen, die bei nachfolgenden Aufrufen möglicherweise nicht zurückgesetzt werden. Erwäge, eine Prüfung hinzuzufügen oder die Dokumentation zu aktualisieren, um die erwartete Nutzung zu klären.
Tech Stack
typescriptjavascripthtmlcss
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Wartet auf Maintainer Antwort
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
Familiarity with xterm.js APIUnderstanding of DOM lifecycle
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60