12

If I slowly mouseover the comments button on AD (I have tried with with 2 other SE sites that I cannot replicate this on) I get a rapid flickering between the hover and non hover state when I near the edge of the button, that stops when I go to the center of the button (or move away).

It looks like the button size for the "on hover" css is a couple of pixels smaller than the normal state. This means that if you touch the very bottom of the button in the normal state, then the on-hover triggers and the button is highlighted, but without moving the cursor is now seems outside the 'on hover' detection edge, and reverts back to the normal view, and repeats on/off until I move the mouse.

This seems to happen on the bottom and right edges, but not the top or left.

GIF

I made this video to make it clearer http://cl.ly/RHi6

This happens on (Windows) Chrome 29.blah for me, but not on IE8 which renders the button differently (no rounded corners) although it does move everything below the button up a few pixels when highlighted. Not on a Mac presently to test in OS X.

8
  • I think (but am not sure) that I'm replicating it in (Mac) Safari also.
    – Daniel Mod
    Sep 9, 2013 at 12:57
  • 1
    Definitively happens in Safari as well d.pr/v/EVht
    – nohillside Mod
    Sep 9, 2013 at 13:40
  • Happens on Meta too, test by hovering on the add comment button below these comments.
    – stuffe
    Sep 9, 2013 at 13:43
  • Right, see linked video in my first comment :-)
    – nohillside Mod
    Sep 9, 2013 at 13:45
  • OK, so this bug is repeatable on demand across users browsers and OS - who do we hit with the buggy stick?
    – stuffe
    Sep 10, 2013 at 12:08
  • Reproduced here too on FF and Chrome.
    – Shog9
    Sep 11, 2013 at 16:26
  • @Shog9 - any progress on fixing it?
    – mmmmmm
    Feb 12, 2014 at 22:27
  • Nope - none yet.
    – Shog9
    Feb 12, 2014 at 22:29

2 Answers 2

Reset to default
2

This has been fixed in the recent site design update:

                                                            

1

It's just a padding problem on the mouseover state. This should fix it:

a.comments-link:hover {
    padding: 2px 7px 3px 8px;
    ...
}

You must log in to answer this question.

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