Remove / hide browser generated "Waiting for someapicall.com..." in lower left corner?

Question

Is there a way to hide this "Waiting for..." alert during an api call? It shows up in the lower left corner of Chrome roughly where you see URLs when you hover links.

It seems browser-specific because I see it in Chrome but not in Firefox. Is it specific to api.airtable?

I have no idea where to begin researching this.

Answer 1

I don't think there is a way to remove it. According to W3Schools, there was: https://www.w3schools.com/jsref/prop_win_status.asp

It used to be called window.status. I think they removed it for a security reason. Now, no browsers support it. I even checked jsfiddle.net and it didn't work for Chrome. However, it is supported in Opera 12 and before. If you would like to set it in that:

window.status = "";

For other purposes, window.status still updates when the status has changed in the bottom left. That means you can read this bar, but you can't write to it.

However, as user13861136 said, you can add an aria-label="" to prevent it from appearing when hovering onto the respective element. This, however, won't work when the HTML file is being requested.

If you want to remove it from when you hover on <a> tags, then you can simply remove the href attribute and replace it with an onclick, which will run either window.open('https://example.com/') or window.location.href='https://example.com/' or something else if your target attribute is different. This will, however, remove all the browser defaults for the tag. This can be fixed by adding an empty href attribute like this: href="".

JSFiddle