Question

I have a strange problem that i’m seeing in Chrome.

I use an ajax callback to set the cursor’s css style to “wait” when a sidebar link is clicked. This works perfectly in firefox, but on Chrome the cursor style only changes when I hover away from the link – i.e. the style doesn’t change whilst the user is still hovered over the link

What am I doing wrong? Here’s the relevant code:

// beforeSend callback
$('.ajax-link').bind('ajax:beforeSend', function() {
  $('body').css('cursor', 'wait');
  $('a').css('cursor', 'wait');  
  $('article.post').addClass('loading');    
});

// success callback    
$('.ajax-link').bind('ajax:success', function() {
  $('body').css('cursor', 'default');
  $('a').css('cursor', 'pointer');  
  $("article.post").html("<%= escape_javascript(render @post) %>");
});

As you can see I am explicitly setting the css for all anchors too with $('a').css('cursor', 'wait'); so that it works in firefox but Chrome doesn’t seem to take notice of this.

Answer 1

ok, it’s a Chrome and Safari bug: http://code.google.com/p/chromium/issues/detail?id=26723

not much I can do about it, I guess I can just live with it