Tabs cannot be queried right now (user may be dragging a tab)

I work on a fairly complex extension that does a lot of tab queries, and adding an arbitrary timeout wasn't helping, especially when users were actually dragging tabs.

Re-running the function after a short delay when we encounter browser.runtime.lastError seems to work:

function doStuffWithTabs() {
  browser.tabs.query({ active: true, currentWindow: true }, (tab) => {
    if (browser.runtime.lastError) {
      console.log('fail');
      window.setTimeout(() => doStuffWithTabs(), 100);
    } else {
      console.log('win');
    }
  });
}

I believe you have built your extension with manifest v2. Try to avoid this error by chrome.runtime.lastError. If you have used chrome.tabs.onUpdated.addListener(...) or other listener method in your code then update it like below so that it wont throw this error.

chrome.tabs.onUpdated.addListener( (tabId, statusInfo, tabInfo) => {
   //this will prevent it from throwing the error
   if (chrome.runtime.lastError) {}
   //rest of your code 
})

Also anywhere in the rest of your code or inside chrome.tabs.onUpdated.addListener(...) listener if you are using chrome.tabs.query({ active: true }, (result) => { ... }) then also update it like below:

chrome.tabs.query({active: true}, result => {
   //this will prevent it from throwing the error
   if (chrome.runtime.lastError) {}
   //rest of your code 
})

I found that the real reason is: when you click the mouse to switch tabs, when chrome.tabs.query is executed, the left mouse button has not been raised yet, and there may be a very small displacement, which leads chrome to think that you are dragging tabs instead of clicking them. You can try to do this: raise the mouse, and then quickly click a tab to switch, at this time everything is OK. Using the method of setTimeout provided by netizens can really solve the problem, because after 200ms, your mouse has probably finished clicking, getting rid of the suspicion of dragging. Anyway, I think this update to Chrome is a failed attempt.

This code works for me:

chrome.tabs.query({ url: 'YOUR_URL_HERE' }, function (tabs) {
    // This one prevents the "Tabs cannot be queried right now (user may be dragging a tab)."
    if (!chrome.runtime.lastError) {}
    if (tabs) {
        tabs.forEach(tab => {
            chrome.tabs.sendMessage(tab.id, { command, data }, function (response) {
                // This one prevents the Tabs undefined errors...
                if (!chrome.runtime.lastError) {}
            });
        });
    }
});