Hacker News Reader

Comment by adrusi | Hacker News Reader

Hmmm not sure why that would be happening. I test in on Firefox on Android (Nexus 5), where it works perfectly. I don't think I do any weird things with the CSS, although I just modified an existing theme, so maybe it's something I haven't looked at much.

Not everengineering websites is important for me, It's important to me that they work with javascript disabled and even in text-based browsers, so I'll look into this tomorrow.

View on HN

It seems that Safari iOS's latest "helpful" behavior, sliding the tabs and favorites bar out of sight, is changig the window size and so invoking reflow. Which moved what I was reading off the bottom of the screen. Scrolling down to find it again re-opened the tabs and favorites, changed the window size back, invoked reflow, and moved my reading point out of view above the window. Scrolling back up again - well, I'm sure you get the picture. Part of the magnitude of the issue was moving the page header (big green panel) from the top to the side and back again, also when the header was on the side the text font was larger.

Haven't fired up any iOS devices in a while so I'm not sure but does iOS Safari have a "view in desktop mode" button anywhere? I mostly use Android on phones/tablets but I occasionally run into similar issues on some sites (various wikis come to mind) and reflowing/horizontal scrolling screws things up on the mobile Chrome and Firefox.

Typically for those sites I hit the "desktop mode" button which I believe just changes the user agent string so that it shows everything without any mobile "optimization". It makes for a bit of zooming and panning if you're in portrait mode but beats having most of the screen cut off or whatnot.

On my ipad the left pane keeps resizing, sometimes narrower sometimes not. I was using my left thumb to scroll. It really does make the site unusable.

Reply on news.ycombinator.com