aelve / guide

A workspace for research teams
https://guide.aelve.com
106 stars 10 forks source link

On an iPad, pages shouldn't be horizontally scrollable #132

Closed neongreen closed 5 years ago

neongreen commented 8 years ago

This is what happens when I horizontally scroll the page on an iPad. It shouldn't happen. The fix is probably easy (CSS, or add a meta tag):

img_0051

rchung95 commented 8 years ago

What is the screen resolution of your iPad? I am using Chrome's Inspector where the iPad at 768px x 1024px looks fine, so I just want to make sure before I begin.

neongreen commented 8 years ago

@rchung95 I have an iPad Pro 9.7 and the display resolution is 1536×2048 but screenresolution.org says 768×1024. It doesn't scroll horizontally for me in Chrome inspector either.

To be more precise, what happens on iPad isn't horizontall scroll per se (there's no horizontal ruler) – instead, the problem is that I can drag the site horizontally (but the ruler doesn't appear). Most other sites (Github, Wikipedia) can't be dragged horizontally at all. Moreover, pinch-zooming fixes it – after zooming the page in and out Guide can't be dragged horizontally either (but after reloading the page the problem reappears).

(By the way: when you want to edit a Github comment and it's something bigger than typo/formatting it's often better to post a new comment, because lots of people are notified about comments by email and so when you write “On it” and I read it in an email I have no way of knowing that you have later edited it to a question.)

neongreen commented 8 years ago

(I'm not saying “never edit comments” of course, but the email problem is still something to keep in mind when you decide whether to edit a comment or to write a followup comment.)

neongreen commented 5 years ago

Obsolete (new frontend)