Can't use more than 1 terminal on a web page

I create X terminal on my webpage (each are a different one) but I can’t swap from one to one. I mean if I open A then B I can’t come back in A I’ll stay in B.

This video show the issue.

This is my code to create a Terminal for each time I click on a button:

window["term_" + _idContainer] = new Terminal({
                cursorBlink: true,
});

where _idContainer is the id of the container where I click “open terminal”.

Details

• Browser and browser version: Chrome latest
• OS version: macOS Sierra
• xterm.js version: 2.3.2

Steps to reproduce

1. Open 2 terminal on a web page
2. Try to swap form A to B to A

[parisk]

There is no build-in way to assign an “id” to an xterm instance.

[parisk]

@JeromeVi I can’t go through your own application’s code to understand what’s the problem.

What I suggest is create a couple of terminals statically:

var termA = new Terminal();
var termB = new Terminal();

// I assume that the elements below exist
termA.open(document.getElementById('terminal-a'));
termB.open(document.getElementById('terminal-b'));

And then experiment on top of these. There are applications that already use multiple instances of xterm.js, so unless there is a JavaScript error thrown, I think you should take a closer, patient, step-by-step look into your code base 🙂 .

Closing this, as there is not much we can do right now.