5 ms·

What's the deal with all the scrollbars on this page?

• spindritf 12y ago
  Yeah, why is every image, heading, and paragraph on that page surrounded by scrollbars where most don't work and are not necessary?
  • goleksiak 12y ago
    What browser are you using? I'm not seeing that here on my devices...? We are using pretty vanilla Bootstrap.
    • anonymoushn 12y ago
      http://i.imgur.com/v0b1LKC.png http://i.imgur.com/v0b1LKC.png This is what I see in Chrome on OSX.
    • ultrafez 12y ago
      The issue is you've got the following CSS on lines 31-33 of blog.css: body.blog .blog-post p { overflow: scroll; }
    • dceddia 12y ago
      Are your devices Apple devices by any chance? We had a similar bug reported at work recently, and it turned out that Windows browsers will always show scrollbars but the ones running on OS X/iOS will hide them until you start scrolling. To turn them on in OS X, go to System Preferences > General and set Show scroll bars to "Always".
  • ultrafez 12y ago
    In their CSS, they have a rule for every <p> tag to have "overflow: scroll" for some reason. Not sure why they didn't use the default value for overflow, since there's nothing on that page that needs to be specifically told to scroll.
    • jrockway 12y ago
      Probably, they tried it and it worked. This incidentally led to the bug that they're blogging about too.
      • danielsamuels 12y ago
        Yeah, it's likely that they're all using Macs and have never checked their website on a Windows machine.
        • goleksiak 12y ago
          Yup
• chippy 12y ago
  I initially thought that it was because of a single whitespace character... but it's because p { overflow: scroll; }
  • goleksiak 12y ago
    Fixed. Thanks.