There is a menu strip on the very right corner of all Stack exchange sites. That manu contains thinks like user name
, chat
, meta
or main
, about
, faq
. They are divided by |
.
When you move cursor slowly from item to item in this menu, just around |
you get edit cursor for a moment. At least this happens in Firefox. I guess this is unwanted efect and it might be disturbing - when you move normaly between menus cursor is "flickering" as it changes to edit cursor and back.
How to fix it: Simply add following code to the CSS of all Stack exchange sites:
div
{
cursor:default;
}
It should work all right then.
EDIT: I was told that aplying default cursor to all div
s is bad idea... So my fix code is probably dirty. The defualt cursor should be probably applied only to the particular div
that holds the top menu.
EDIT 2: I was asked to provide the statement why is this unwanted behaviour. I guess that is very simple: Edit cursor icon is used to indicate (for the user) that the cursor is hovering over the text that is there to by edited or at least user might be interested in selecting and copying it. Non of that is the case for menus and those hyperlinks are in the fact menus. By having edit cursor there you are suggesting to the user that there is something there (in this case "chat", "main", "about", "faq" texts) that is supposed to be selected and copyied (because that is what user is used to when he see such cursor). Is that intentional ? The other think is the "flickering" when you more quickly between items.
There is simple test to decide if it is wrong or right: Make the cursor default in those areas and roll over the menu. Than compare it with the present behaviour. What feels more right ? More natural?
.lsep { cursor: default; }
can't be too expensive, and it'll make one user happy :)