Erratic text output from typing into xterm console on Chrome on Android devices

[Bardia95]

We are using xterm at replit to provide users with a console, and our app runs on mobile as well. A significant number of our Android users are reporting that they are having issues with typing into their console, specifically, they are seeing their characters get jumbled up, duplicate characters, and weird text.

I found this from CodeMirror which would explain it:

Chrome Android, especially in combination with GBoard, not only doesn't reliably fire regular key events, but also often surrounds the effect of enter or backspace with a bunch of composition events that, when interrupted, cause text duplication or other kinds of corruption.

They've documented the workaround they use for their code editor here, which you can use as reference for fixing this bug around the Android Chrome limitation.

We would be very appreciative if you could prioritize this fix given the significant number of people affected by it.

Details

• Browser and browser version: Chrome (latest)
• OS version: Android (Galaxy S9)
• xterm.js version: 4.14.1

Steps to reproduce

1. Type a number into the console.
2. See duplicated text output of the number.

[Tyriar]

We would be very appreciative if you could prioritize this fix given the significant number of people affected by it.

You're welcome to contribute improvements as this is very low on my priority list.

[luxi78]

+1 This problem also bothered me and other people using android devices

[mwllgr]

Same here, even with Firefox on Android. Coming from MeshCentral.

[HALOCORE]

Same here, the default keyboard on Android is not usable so I am trying to combining customized virtual keyboard with this. However, virtual keyboard (such as KioskBoard) expose event handlers in JavaScript and there need to be a way to inject those key events to xterm.js.

I think if there is an API like the SendKey mentioned here, a lot of problems can be solved externally. #3578

[HALOCORE]

Actually by adding JavaScript code that creates virtual keyboard to the webpage or put the original webpage containing xterm.js in an iframe, it is working on android chrome. No need to focus the element when typing on the virtual keyboard and the android keyboard will not pop up. Events created by the virtual keyboard are sent to document.getElementById("terminal").querySelector(".xterm-screen").querySelector(".xterm-helpers").querySelector(".xterm-helper-textarea"). Anyway, it would be more convenient if xterm.js has such keyboard builtin.

[ink404]

related PR: https://github.com/xtermjs/xterm.js/pull/4007

[sravyak]

DId you get any solution to it.

[EPXOL]

still a problem and its present at cockpit project as well and it is super annoying