Problems on iPhone and Android when terminal is added to body

[jcubic]

Expected behavior

If Terminal is added to body it should work on iPhone

Actual behavior

after some tweaks in inline style it show greetings and prompt but when you focus (you need to tap twice) the whole page scroll down (probably because scroll to bottom) and you don't see the prompt and command line.

Tested on BrowserStack that provided free open source account, it use some kind of emulator probably.

Steps to reproduce

Open on iPhone: https://jcubic.github.io/jquery.terminal/ if you add terminal to div that is 100% height it suddenly works https://jcubic.github.io/jquery.terminal/?file=browser_test_files/div.js

Browser and OS

iPhone 7, iPhone 8 (iOS)

Help Wanted

You can test on real iPhone as see if the problem persist and if you know some css you can try to figure out why it's not working if it doesn't.