Web app is unusable on mobile

[JoshPaulie]

Describe the bug
The mobile version of Carbon is unusable in a few ways. Primarily because there is no mobile version. Scrolling horizontally is unavailable, cutting off many buttons.

Expected behavior
A mobile version of the app so one can quickly paste code into and export.

Screenshots

Info (please complete the following information):

• OS [e.g. macOS, Linux, Windows, iOS]: iOS 15.0
• Browser [e.g. Chrome, Safari, Firefox]: Safari and Chrome

[Jnforja]

Hi! I can help with this. Can I get the issue assigned to me?

[mfix22]

Hi! I can help with this. Can I get the issue assigned to me?

@Jnforja you don't need to be assigned an issue to work on it (as it says in our contributing guidelines). Please go ahead and work on this 🙂

[JoshPaulie]

Unfortunately the mobile app (though infinitely more accessible) still doesn't scroll properly. Attached is a screenshot and bug reproduction steps!

• Navigate from mobile web browser
• Paste in code
• Open settings and set the width to anything > than the default automatic detection
• You can no longer view your code, as it is horizontally unscrollable.

I understand if this isn't a huge priority, as there's not a lot of us mobile developers, so I won't open another issue.

image

[mfix22]

Unfortunately the mobile app (though infinitely more accessible) still doesn't scroll properly. Attached is a screenshot and bug reproduction steps!

• Navigate from mobile web browser
• Paste in code
• Open settings and set the width to anything > than the default automatic detection
• You can no longer view your code, as it is horizontally unscrollable.

I understand if this isn't a huge priority, as there's not a lot of us mobile developers, so I won't open another issue.

image

@hatsu38 would you be able to take a look at this?

[hatsu38]

Sure!
I have confirmed the scrolling problem.
I would like to try this weekend or next weekend.

[JoshPaulie]

Exporting on mobile heavily crops the output.

Reproduction steps

• Get sample code/text
• Open mobile browser
• Paste code
• Open settings via ⚙️
• Uncheck the auto adjust width setting
• Add any width > 600
• Export

[mfix22]

@hatsu38 do you have any idea how to resolve this: #1287 (comment)?

[hatsu38]

@mfix22 PR: #1349
I just created a pull request to solve it. Please check if you have time.

[mfix22]

@mfix22 PR: #1349 I just created a pull request to solve it. Please check if you have time.

@hatsu38 sorry for the delayed response—just reviewed your PR.