Mobile layout, full width, and hamburger menu issues

[kai-mana]

Describe the bug

A few things I've noticed when using marimo on mobile:

The hamburger/settings buttons overlap the title sometimes. Tapping the hamburger menu doesn't keep it open, you have to long-press on it to get it to stay open when you lift your finger.

With full width off in portrait, the block is cut off to the right, but is roughly the full width of the screen:

When you fill the block with text, it scrolls the page to the right, but you cannot manually scroll right/left:

With full width on in portrait, the block gets tiny:

In landscape, full width on/off makes essentially no difference:

These are from Firefox, but the same behavior happens in Chrome, other than the hamburger menu long press issue.

Version

0.1.43

Code to reproduce

No response

[akshayka]

@kai-mana, thanks so much for documenting these issues thoroughly. It's very helpful.

Out of curiosity, were you using marimo on mobile just to test its responsive behavior, or were you trying to actually do work on mobile? As you can tell we haven't optimized the editing experience on mobile — if you and others are actually trying to do work on mobile, we may prioritize it higher. Thanks!

[kai-mana]

@akshayka I don't think it should be very high priority, but it is pretty useful for real work on mobile, especially as folding phones get more popular and processors get more suited for these kind of tasks. And it's potentially very useful to serve content to mobile devices with marimo even if it's just to view it. And marimo runs pretty well in Termux.

[mscolnick]

Going to close this - mobile run mode works and the layouting is not fixed of smaller screens. (however, edit mode is not very easy still)