Skip to content

Screen layout problems on a tablet #248

Open
@martinwork

Description

@martinwork

Bug Description

In Android and iOS tablet browser, with landscape or portrait orientation, the site sizing seems to ignore the height of the browser title, toolbar, etc. The buttons at the bottom are initially missing. On Android I was able to drag up to hide the browser machinery, but this didn't work on iOS.

The screen layout doesn't work in portrait mode. There is little room for text and the buttons at the bottom are not all available.

Portrait may be important for tablet use with a text based app, because the keyboard covers so much of the screen.

A lot of the screen area is taken up by blank unused space.

How To Reproduce

Steps to reproduce the behavior:

  1. Load site on tablet
  2. See error

Expected behavior

The site fits on the screen with as many features available in both portrait and landscape orientations.

A horizontal toolbar for portrait and vertical toolbar for landscape would perhaps leave the most screen area available for entering code.

Screenshots

Screenshot_20210817-135854_Chrome
Screenshot_20210817-135926_Chrome
IMG_0457

Environment

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6] iPad Air 2 and Samsung SMT580
  • OS: [e.g. iOS8.1] IOS 14.6 and Android 8.1
  • Browser [e.g. stock browser, safari] iOS Safari and Android Chrome
  • Version [e.g. 22]

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions