Wrapping for diffs on mobile web

[eygraber]

Select Topic Area

Product Feedback

Body

Lately the diff view on GitHub mobile web has been wrapping code which makes the code very hard to read. I rely on mobile web for doing PR reviews while on the go, and this has been very detrimental to my workflow.

Here's a screen recording showing the wrapping on mobile web 1000084236.mp4.

The mobile app doesn't work for me because of how I use GitHub. I frequently have multiple GitHub tabs open when I'm looking at code, and that isn't possible with the app. The design is also very different than the website so switching between the two (I also use GitHub on my desktop when I'm in the office) is very jarring. Additionally on the mobile app even though you can turn off line wrapping, you can only scroll the text horizontally; you cannot zoom out to see more text. There are several other UX issues with using the app that I'm not recalling right now.

Desktop mode on mobile web does give me the correct behavior in terms of line wrapping. However, it's very inconvenient to switch back and forth between it, and I can't keep it on all the time because it's difficult to use the website on mobile with desktop mode enabled.

The best way to fix this would be to provide a way to disable line wrapping (globally) on mobile web, and also allow for code to be zoomed in and out so that horizonal scrolling isn't the only option to see code that is off the screen. This would make a massive difference in UX, and it's actually how GitHub's mobile web used to work many years ago.