Bottom of editor gets cut off when embedded or in mobile view

[richardanaya]

Hello :) I noticed that it's pretty easy for the editor to get cut off at the bottom of the screen in embedded or mobile view.

Steps to repro:

1. open editor in chrome
2. open inspector
3. toggle mobile view in inspector
4. notice that the bottom is cut off

This also happens in embedded view like on https://tourofrust.com/

[Rudxain]

Related: Everytime I touch to type something, Chrome for Android zooms-in too much, and I can only see 1 or 2 words. I have to manually zoom-out, to continue typing comfortably

[philibe]

@Rudxain

Everytime I touch to type something, Chrome for Android zooms-in too much.

Same for me, until I've looked at @Sunjay answer. It works for me on Android with Chrome, Duckduckgo, Kiwi.

I believe this is an issue with ace editor. If you click on "Config" and click "Simple" (under Style), you can edit normally in a regular textarea.

Originally posted by @sunjay in https://github.com/rust-lang/rust-playground/issues/353#issuecomment-403635610

[Rudxain]

@philibe Thanks! I forgot about that "trick". I now remember I found that workaround on accident, when trying multiple editors

[nightwing]

The issue with ace being zoomed too much will be fixed with https://github.com/ajaxorg/ace/pull/5085. Adding <meta name="viewport" content="width=device-width,height=device-height" /> to the page would have helped as well.