Page scroll to top when starting writing on cmd line on mobile.

Issue summary

On mobile, If you write a lot of commands and the page gets bigger, you need to scroll to bottom to see the command line because the virtual keyboard hides it. Then when writting new commands the page automatically scrolls to top and you need to scroll to bottom to see the command line again.

Expected behavior

The page should stay focused on the current command line cursor

Actual behavior

The page auto scrolls to top when writing

Steps to reproduce

1. just create a simple page with this code: jQuery(function ($, undefined) { var term = $("body").terminal(); });

2. host this locally e.g. using liveserver on vs code.

3. Execute commands to get the page bigger. Scroll to bottom to see the command line. Then write something again. The page will scroll to top automatically.

Browser and OS

Chrome, Firefox on iOS 15.1

[jcubic]

Maybe iOS sucks because Apple doesn’t care. It’s really a pain to create a working solution for mobile.

Anyway, I will try to solve the issue, I think that the only option is to use JavaScript. I said that I’m closer because I was able to detect the height of the page on iOS (without the keyboard), the problem is that it doesn’t work for Android, so I will probably need to use User-Agent sniffing to detect iOS and apply that JavaScript only for Apple OS.

It may take quite some time to fix unless someone will be able to help. There is only a need to detect the height of the screen without the virtual keyboard that will work on both Android and iOS.

I will play with it again and see how it will go, it’s a slow process.

[jcubic]

Sorry, it don’t have any solution. I was trying few things and was not able to find any. I also have issue with scrollbar even on Android, but that’s maybe with my demo.