Hi,

I have simple code to display the busy cursor while I am waiting for the ajax call to be finished (callback  done) and when the call is finished I restore the cursor to the default value (method always).

I have noticed that if I don’t move the mouse the icon for the mouse does not change. The same happens the other way around – when the call is finished the cursor default icon is not restored until I move the mouse.

Is there something wrong I am doing or this is genuine bug in Chrome (I am using Version 68.0.3440.106 (Official Build) (64-bit)).

Kind Regards,

Janusz

2. HTML:
3. $(document).ready(function() {
4. $('#refresh').on('click', function(event) {
5. var str = $.param({ "ID": "","Message": ""});
6. $.ajax({
7. url: "/log_submit",
8. type: 'POST',
9. dataType: 'json',
10. data: str, 
11. processData: false
12. }).done(function(data, textStatus, xhr) {
13. if (xhr.status == 201) {
14. UserCtr++;  
15. }
16. var logTable = $("#headers");
17. logTable.html("<th>ID</th><th>Message</th>");
18. var logs = $("#logTable");
19. for(var i = 0; i < data.logs.length; i++) {
20. logs.append("<tr><td>"+data.logs[i][0]+"</td><td>"+data.logs[i][1]+"</td></tr>");
21. console.log("Item="+data.logs[i][0]);
22. console.log("Item="+data.logs[i][1]);
23. }
24. })
25. .fail(function(jqXhr, textStatus, errorThrown) {
26. console.log( errorThrown );
27. }).always(function(){
28. $("#getLogsButton, #logsAccordionItemContent p").removeClass('wait');
29. });
31. $("#getLogsButton, #logsAccordionItemContent p").addClass('wait');
32. event.preventDefault();
33. });
34. });
35. css:
37. .wait            { cursor: wait;}
38. }
39. #wait            { cursor: wait;}
40. }