Terminal not sizing and scrolling correctly in chrome browser #160
Description
In which track did this bug occur?
subsystems
what is the url for the track?
https://developers.redhat.com/courses/subsystems/registries
At what step of the track did this happen?
Easily reproduced when a lot of text is output to the terminal and you need to scroll up and down to see. i.e. skopeo inspect docker://registry.fedoraproject.org/fedora
Describe the bug
I'm not sure if this is an instruct issue or a developers.redhat.com issue, but there seems to be an issue with screen size, and scrolling. I am on a Mac using Chrome. I haven't tested on other browsers or OSes.
The command prompt in the terminal window goes out of view and I can not see it while typing. This happens under certain scenarios when a lot of output is displayed in the terminal and I have to scroll back up. I've noticed to get back to the top of the page, you have to be scrolling inside the text pane, or outside of the instruct frames to either scroll to the top or the bottom of the page. If you mouse is hovering over the Terminal window, the page will not scroll up or down. This become problematic while trying to read instructions on the right and input things into the terminal on the left. After scrolling to the top of the terminal, you can not scroll back down to the bottom without first scrolling to the bottom of the instruction. Vice Versa, when scrolling back to the top of the page, you can not get all the way to the top of the terminal, without scrolling to the top of the instructions.
In addition, once you scroll to the bottom, the screen jumps back to the top when attempting to type in the terminal.
Logs or error messages
None
Expected behavior
I would expect the instruct frames to behave as such.
When hovering with the mouse in either instruct frame, the frame scrolls until it gets to the end, then the screen scrolls. If this is not possible, an accomodation could be made where the instruct frames are smaller than the width of the browser, and/or the web page doesn't scroll at all.
Screenshots
Desktop (please complete the following information):
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
Smartphone (please complete the following information):
- Device: Macbook Pro
- OS: MacOS 12.6
- Browser Chrome
- Version 106.0.5249.119
Additional context
Testing in the study room at https://play.instruqt.com/ I had no issues at all.