5

When searching in chat, the first button in the pagination links at the bottom is elevated higher than the rest of the buttons:

When on Page 1 When on Any Page Other than 1

6
  • Is this Chrome stable? I've had this issue a while in dev, but when I last checked in Chrome stable/other browsers I couldn't reproduce.
    – Tim Stone
    Mar 7, 2013 at 21:05
  • @TimStone: Yes, the latest stable release.
    – animuson StaffMod
    Mar 7, 2013 at 21:08
  • 1
    I can reproduce it on Google Chrome 25.0.1364.152 running on Mac OS X 10.8.2.
    – apaderno
    Mar 7, 2013 at 21:10
  • 4
    That's annoying. The fun part is, if you disable and then reenable the float on those elements, they suddenly align correctly.
    – Tim Stone
    Mar 7, 2013 at 21:12
  • 1
    grrrrr; that's just vexing (edit: I mean: vexing that this would suddenly happen out of the blue, rather than vexing that you would report it) Mar 11, 2013 at 15:16
  • I actually like it that way...
    – ɥʇǝS
    Apr 10, 2013 at 22:43

1 Answer 1

1

I'm not 100% sure what changed in Chrome to cause this, but I think the right-floated RSS feed link + the pager's clear: both is to blame for the offset, due to some calculation issue during the initial render.

The following set of changes fixes the problem in Chrome, without disturbing anything in Firefox (as far as I can tell, and I was too lazy to try and recreate my changes in IE):

  1. Move feed <a> before .pager
  2. Remove .clear-both from .pager
  3. Remove margin-top: 20px from .pager
  4. Add margin-top: 10px (or thereabouts) to feed <a>

Gives you:

mocked up fix

Looks like this scenario is currently being tracked as a Chrome bug, which I'll baselessly speculate might be related to this WebKit changeset.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .