4 ms·
Ask HN: Hacker News page width broken on mobile
The hacker news homepage is flowing off the screen on mobile today. Anyone else seeing this? The previous style sheet was practically perfect, hoping it isn’t a permanent change.
- haimez 5y agoSeems to have suddenly jumped for me in the last 10 minutes, yeah.
- valine 5y agoI hope dang fixes it lol. The horizontal scrolling is very annoying.
- haimez 5y agoSeems related to this post and HN not line breaking individual words without spaces: https://news.ycombinator.com/item?id=28712667 https://news.ycombinator.com/item?id=28712667
- runawaybottle 5y ago@dang https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Text/Wrapping_Text https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Text/Wr...
- brundolf 5y agoI've noticed this happening in comments too over the years; it's a semi-common problem
- dredmorbius 5y agoRather than just blindly hope, it's more productive to email the HN mod team directly: hn@ycombinator.com
- DLA 5y agoSame just changed to for me.
- silisili 5y agoSame, only the main pages though. Clicking into comments is normal. Anyone email Dan?
- literallyaduck 5y agoI just noticed this, it happened after I changed my top bar color, so I thought maybe I broke it for me.
- beeman 5y agoI'm seeing the same. I just found this one which works fine, and it also has dark mode http://hn.premii.com http://hn.premii.com
- quickthrowman 5y agoThe issue is caused by the CNYoungerCousin(and so on) article title being 80-100 characters long without having a space in it. There’s no way to word wrap it and it breaks the style sheet. If you browse HN /new with showdead enabled, there are often spam article titles where the spaces are replaced with ‘+’ and a long enough title without spaces will break the style sheet in the same way, which is how I found out about it and also how to fix it. The solution is to click ‘hide’ on the offending article title and everything will word wrap correctly again.
- krapp 5y ago>There’s no way to word wrap it and it breaks the style sheet. I wonder, would using the word-break css property not work[0]? Or barring that, a max-width for the title with a text-overflow set to hidden? [0]https://developer.mozilla.org/en-US/docs/Web/CSS/word-break https://developer.mozilla.org/en-US/docs/Web/CSS/word-break
- quickthrowman 5y agoBoth of those were suggested in the offending thread, and both would indeed work. My phrasing was bad, “HN’s default style sheet doesn’t word wrap extremely long titles properly” is more accurate.
- tkgally 5y agoThanks! I was having the same problem, on both iPhone and iPad Safari. Hiding the CNYoungerCousin... article fixed the problem immediately.
- FractalHQ 5y agoI’m surprised so many people use the website in mobile over the many great HN Apps out there. Octal on iOS is one of my favorite apps.
- lethologica 5y agoWhy would I need an app when the site works perfect on mobile browsers? I almost find it kind of funny that the general narrative on HN is “not every site needs its own app!” and then when we finally have a site that works flawlessly on mobile, people still suggest an app for it!
- FractalHQ 5y agoThe app improves my user experience, and considering how often I use it, even subtle UX and UI improvements make a big difference.