ttyd icon indicating copy to clipboard operation
ttyd copied to clipboard

Mobile Browser Layout

Open BiatuAutMiahn opened this issue 5 years ago • 5 comments

When using the mobile brownser like chrome on android, the terminal scaling is off, it terminal overflows off screen and you cannot scroll. I think the solution would be to resize the terminal when you tap to type and the screen zooms in. Or handle the term size by the DPI when the page loads.

Thank you

BiatuAutMiahn avatar Jun 13 '19 23:06 BiatuAutMiahn

I didn't test ttyd under mobile browsers, you may want to check this upstream issue:

https://github.com/xtermjs/xterm.js/issues/1101

tsl0922 avatar Jun 15 '19 02:06 tsl0922

This may be a redundant issue, let me test with latest commit

BiatuAutMiahn avatar Jun 15 '19 04:06 BiatuAutMiahn

just verified, the screen on my S9+ is 1440x2960, so the terminal starts out with rather small print. It's fine once I tap to type, however xterm basically just zooms in instead of resizing the terminal with a higher DPI

Update: Sorry, omit that first bit...still using a custom index.html

Update 2: Yep, same behaviour.

BiatuAutMiahn avatar Jun 15 '19 04:06 BiatuAutMiahn

I also notice an issue where, on the desktop browser, if my script prints too many newlines \n, it will make the cursor go offscreen and the only way to fix is to clear screen

BiatuAutMiahn avatar Jul 25 '19 15:07 BiatuAutMiahn

The issue was closed on October 11, but the layout still looks wrong on phones (for example, overflow).

DUOLabs333 avatar Nov 23 '21 16:11 DUOLabs333