Safari: Mobile Playground Bugs

[chownces]

We are creating this issue to track current known bugs and issues in the mobile workspace. We will add in new bugs from the user survey as they come.

UI Bugs

1. Contributors Page is not scrollable when first loaded on mobile. It can only be scrolled after refreshing the page.
   • Reason: TBC
2. Scrolling vertically or horizontally can sometimes detach the draggable REPL from the bottom of the screen to floating midway
   • Reason: TBC
3. Overflow for the modals for shareable link and session invitation
   -Reason: TBC

Device Related Bugs

iPhone 8

1. Safari Browser UI does not 'snap' back after turning from landscape to portrait, causing whitespace at the bottom of the app (please drag the image below around or download the image to see the whitespace)
   • Current implementation: We set the app height to the window inner-width on load and orientation change to 'lock' the browser UI in place and prevent it from hiding and breaking the app UI
   • Expected behaviour: Browser UI should be displayed, but is missing here, resulting in the whitespace

iPhone 12 pro max ios 14.4 safari

1. Dragger for stepper tool does not behave consistently on mobile (ios). The screen is dragged around while trying to drag the stepper tool.

Other Bugs

1. Data and Environment Visualizers break the app when drawing large lists on mobile. See draw_data function breaks for medium to large lists on mobile #1623.

[YaleChen299]

Feature Request/Suggestion

This post is to update the feature requests and suggestions gathered from user surveys and feedback.

1. Arrow buttons in the stepper tool to navigate left and right.

Description: from the user survey, some reflected that it is hard to navigate through the stepper with the draggable progress bar, and would like to have arrow buttons to navigate back and force.
Design Ideas: can add single step arrow buttons and maybe a +- 10 steps button. Moreover, there can be an input field to jump to a specific index of step. Currently, having single-step buttons are preferred as for multiple steps the user can use the slide bar.

• accepted
• implemented

2. The tabs should be on the top

• accepted
• implemented

[chownces]

Closing this as the issues have been addressed.

[martin-henz]

Check that the Safari-related issues are fixed.