Editor in Theme & Form template keyboard issue

ux
1

On Google Pixel 8 and possibly other android phones. When using the code editor in theme & theme-component, the keyboard covers the area being inputted if there is a lot of code and bottom areas. This also happens in the code editor for the new Form-templates.

Pic 1 Theme editor without Keyboard note shows 24 Lines

Screenshot_20240822-221424
Screenshot_20240822-221424864×1645 180 KB

Once keyboard is opened it covers the bottom lines. You cannot scroll the content. So any editing is blind

Screenshot_20240822-221646
Screenshot_20240822-221646864×1640 204 KB

This also affects at least the new Form-templates editor as well

Expected behaviour like posting a message here

Screenshot_20240822-221802
Screenshot_20240822-221802864×1805 178 KB

Do we need some kids be of padding added the bottom? In the theme editor at one time don’t recall this issue.

2

Figured out a workaround for now. Is to add many blank lines in the editor so the content being edited can be above the keyboard. At least with theme editor it doesn’t complain about empty lines. I presume the form template will be the same. :crossed_fingers: