Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Terminal doesn't respond to keypresses

See original GitHub issue

I can’t seem to get input from a Terminal when using xterm.js in a html page. I apologize in advance if this is a silly error on my end, but I cannot figure out what I did wrong.

Details

Browser and browser version: Google Chrome | 84.0.4147.89 (Official Build) (64-bit)
OS version: Ubuntu 20.04 LTS x86_64
xterm.js version: 4.8.1

Steps to reproduce

Put this into a file:

<!DOCTYPE html>
<html>
  <head>
   <meta charset="UTF-8">
   <title>Broken :(</title>
   <link rel="stylesheet" href="node_modules/xterm/css/xterm.css" />
   <script src="node_modules/xterm/lib/xterm.js"></script>
  </head>

  <body>
   <div id="terminal"></div>

   <script type = "text/javascript">
      var term = new Terminal();
      term.open(document.getElementById('terminal'));
      term.writeln('Hello World!');
      term.onKey = (key, ev) => {
          console.log(`Key entered: ${key}`);
      }
   </script>
  </body>
</html>

Open it in browser (same behavior also observed when using a basic HTTP server).
There is a properly styled terminal but I cannot type in it. Nothing happens visually. There is also no output in the console.

Issue Analytics

State:
Created 3 years ago
Comments:11 (5 by maintainers)

Top GitHub Comments

1reaction

Tyriarcommented, Sep 2, 2020

@anatoly314 I think it’s like this because the keyboard (the IME) is hanging onto the words until they are committed. This is similar to how other language keyboards work, in the below image the Japanese characters are not part of the textarea just yet, but part of the “composition” until committed.

Proper mobile support would really need some more thinking on how to make the experience nice, plus you would likely require a bunch of key/modifier buttons to do things like holding ctrl and pressing esc. Right now it’s out of scope for the lib until we decide to tackle https://github.com/xtermjs/xterm.js/issues/1101

1reaction

Tyriarcommented, Jul 31, 2020