Cursor stays in wait mode

[kunle]

Cursor stays in wait mode even after unblock has been called until the mouse is moved before the wait mode disappears. Tried in chrome12 and IE8

[malsup]

Yep. Don't know how to fix.

[kunle]

Well this is not a fix but here is what I have done i made the overlayCSS and the css cursor null. I figure the overlay and a busy gif was good enough to indicate to the user that something was going on.

Thanks for your work. I really appreciate good work like this.

[malsup]

Yeah, that's a good work around. Cheers!

[chrisben]

The overlay is created with a 'cursor: wait' style by default. Having an option to enable/disable this at least would be great.

Same workaround but with js code this time:

overlay = $('mydiv').block();
$('.blockOverlay', overlay).css('cursor', 'auto');

you can then change cursor value to whatever you want

[malsup]

Fixed for real in v2.52.

[jlyman]

Is there something that needs to be done for the change to take effect? I've tried both 2.52 and 2.53 in both Chrome and IE, and still see it stuck as a wait cursor. While debugging, I do see the CSS styles change for cursor on those divs, but in actual use it seems the same as before--must move cursor before seeing a change.

[malsup]

It's working fine for me on FF/Safari/Chrome/IE. Tested on demo page:

http://jquery.malsup.com/block/#demos

If all else fails you can always add this line to your page:

$.blockUI.defaults.overlayCSS.cursor = 'default';

[jlyman]

Ah, figured it out. I had removed the the fadeOut by setting it to 0, and evidently the browser doesn't have an opportunity to register the style change when the layers are removed immediately. Setting it to a very low value like 10 (edit: or even 1) seems to work well enough however.

Thank you for the fix!

[VibhoreBenjamin]

It is working for me in all browsers except IE. In IE the wait cursor does not go away, unless I move the mouse. Following line hides the cursor completely, which I does not want. $.blockUI.defaults.overlayCSS.cursor = 'default'; hides the cursor completely, which I does not want. I block UI as follows

$.blockUI( { message: $("#divSpinner"), css: { top: '45%', left: '45%', width: '24px', height: '24px', background: 'white', border: '0', opactity: '3' }, centerY: true, centerX: true, ignoreIfBlocked: false, });

[Makzero]

You can try this: (for me it has worked)

$.blockUI( { message: $("#divSpinner"), css: { top: '45%', left: '45%', width: '24px', height: '24px', background: 'white', border: '0', opactity: '3' }, centerY: true, centerX: true, ignoreIfBlocked: false, onUnblock : function(element, options) { $('body').css('cursor', 'auto'); } });

When you block the entire page, 'element' is the window, so i have used $('body') directly and i have set the cursor to its default value

[colorspot]

After placing order i found block ui overlay error .....with infinite spinning .......how to fix it?

http://bhuirajams.com/checkout/

use pincode-400011 for testing and place order, then see what happens.....