play-with-docker.github.io icon indicating copy to clipboard operation
play-with-docker.github.io copied to clipboard

Terminals scrolling problem (needs resizing)

Open yogeek opened this issue 7 years ago • 7 comments

There are some displaying problems with terminal scroll bars in some labs. Example to reproduce the problem :

  • open https://training.play-with-docker.com/ops-s1-swarm-intro/ lab with Chrome or Firefox
  • execute the first command of the lab docker swarm init --advertise-addr $(hostname -i) in the upper terminal (the scroll bar doen not follow the output)
  • scroll down the first terminal and try to enter a character on the command line => the scroll bar goes back up and prevents to see what is typed

It seems that resizing the page or moving the central vertical slide bar to change left-right proportion once makes the scrolling issue disappear.

OS : Ubuntu 16.04.4 LTS Chrome version tested : Version 64.0.3282.186 (Build officiel) (64 bits) Firefox version tested : 58.0.2 (64 bits)

Thank you !

yogeek avatar Mar 04 '18 17:03 yogeek

It seems that resizing the page or moving the central vertical slide bar to change left-right proportion once makes the scrolling issue disappear.

Yes, we we're aware that there are some issues with the terminals the first time they render. That's why we added this message:

image

It's pretty tricky yo make the terminal scrolls work ok in all browsers and platforms. This shouldn't happen using chrome though.

Which OS are you using?, can you reproduce it consistently?. Have you tried a different browser?

marcosnils avatar Mar 04 '18 17:03 marcosnils

hello @marcosnils
Oh ok, indeed I have seen the warning message but misinterpreted it : I thought it only concerned the case when the terminal window does not show the command line at all. Here it is only after typing some commands that the issue appeared and as all was ok at the beginning, I forgot about the message... Sorry for the misinterpretation.

My OS and browser versions are mentioned in the issue description and yes, with these environments, I can reproduce it each time I refresh the page to start the lab again.

Thanks for your help

yogeek avatar Mar 04 '18 17:03 yogeek

Sorry, I didn't see the OS. I'll give it a shot during the week and see if I can reproduce

marcosnils avatar Mar 04 '18 17:03 marcosnils

@yogeek can you try using chrome to see if the problem is there as well?

marcosnils avatar Mar 04 '18 17:03 marcosnils

OS : Ubuntu 16.04.4 LTS Chrome version tested : Version 64.0.3282.186 (Build officiel) (64 bits) Firefox version tested : 58.0.2 (64 bits)

@marcosnils I already tested with both firefox and chrome before submitting but only with these 2 specific versions

yogeek avatar Mar 04 '18 18:03 yogeek

Same issue here. Firefox and chrome.

PrisBook:~$ macnodeyarnv
ProductName:	Mac OS X
ProductVersion:	10.13.4
BuildVersion:	17E202
yarn version: 1.6.0
node version: v9.5.0

Firefox screen shot 2018-05-04 at 1 02 17 pm

Chrome screen shot 2018-05-04 at 1 01 25 pm

idkjs avatar May 04 '18 11:05 idkjs

I also have this issue on Ubuntu 19.10, latest Firefox 74.0. Whenever I type something, the terminal scrolls fully up and hides anything I type.

TjrGithub avatar Apr 02 '20 10:04 TjrGithub