Use of typing animation causes later glitch in keyboard input on mobile

[psx18]

Issue summary

I'm able to reproduce the bug on one of the official typing animation examples: https://codepen.io/jcubic/pen/QWvobpa
Once the animation has ended and the terminal is waiting for input: As I type a command, my input will sporadically be 'submitted' to the terminal as if I had hit 'enter', even though I haven't

(Sidenote: on mobile, keyboard input is also not disabled during animation by setting keydown to false)

Expected behavior

typed command should be submitted to terminal only when "enter" has been pressed

Actual behavior

as you type your command, submission will sometimes be triggered without 'enter' having been pressed

Steps to reproduce

1. In Chrome on Android, go to https://codepen.io/jcubic/pen/QWvobpa
2. Wait for the animation to end and the terminal to start accepting input
3. Start typing at random. Use of 'space' of 'backspace' may increase chances of random submission, I'm not sure

Browser and OS

Chrome on Android phone

[jcubic]

Thanks for the bug report, will check this out.

[psx18]

Update: The bug disappeared once I removed keyboard.js and mousewheel-min.js from my imports. The bug still exists, but it has nothing to do with the use of animation like I previously thought. It has to do with one of those two files

[jcubic]

keyboard.js is a polyfill, without it, the library may not work. So if in your case something is working, it means that part of the library is not working properly.

[jcubic]

I have no idea what you found because I'm not able to reproduce. Can you maybe record a video where you have the issue? I've added a viewport meta tag to the CodePen (since all Codepen demos don't have them) and I've viewed them in debug mode (so without CodePen interface) and it works fine. Actually, I'm not able to use Terminal CodePen demos (with CodePen interface) at all because when I'm focusing in the terminal everything is huge.

Do you have any other cases where something is wrong? Maybe this is something with CodePen.

[jacknely]

I believe I might have the same issue with my implementation but I do not believe it's related to the animation. If you navigate to my site learn2k8s.com on chrome mobile then type <ANY STRING> -- then the terminal sees this as enter. eg test --

[jcubic]

@jacknely I'm not able to reproduce. Can you record a video? Also what kind of system you're using?

[jcubic]

Also what kind of keyboard, if the system allows to change it (like on Android).

[jacknely]

See the attached video. Typing the same thing on a computer browser does not submit.
I am using GBoard on Pixel 6. The same problem is present on chrome and safari on iPad 5.

screen-20220716-230848.mp4

[jcubic]

@jacknely thanks, I'm able to reproduce on browser stack, on my phone I use different keyboard when to type - I hold the key. Something needs to be off on the symbol keyboard switch. And it's not only - I've tested $ _ - they all trigger enter.

[jcubic]

@porksausagex180 did you use, the symbol keyboard?