mobileview: cant switch tab between `code` and `preview` tab

[jaiakash]

Increasing Access

Currently, the p5.js web editor does not allow users to view or switch between the code and preview tabs while a project is running. This feature is essential for users to review and modify code while simultaneously observing the output.

While exploring examples on the p5.js website, I observed that on the desktop view, switching between code and preview tabs is possible, allowing for simultaneous code review and output observation. However, this functionality is not available on mobile devices, where switching tabs are disabled while the project is running. This limitation impairs the ability to debug and iterate on code when using mobile devices efficiently.

Problem

ScreenRecording_09-07-2024.13-37-35_1.MP4

Feature enhancement details

Add a tab to view code tab when it is running, in mobile view.

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[dianaodias]

I agree, this would be a great feature to increase accessibility to the editor for those that don't have access to computers.

[priyaanshusoni]

amazing

[akkarn1689]

Hi @jaiakash,

I would like to contribute to this issue. Could you please assign it to me?

[lakshay-jainn]

@raclim @Jatin24062005 hi !. I have added a Solution to this problem in my linked PR #3346 . can you please check it out and tell is there any areas of improvement? . Thank you