Cypress Detached from DOM error

[jchi2241]

We have a flaky test that doesn't seem to be retrying the chain of queries if the final "click" command is called on a detached DOM.

cy.findByRole("button", { name: "Resize" })
   .should(($el) => expect($el).to.not.have.class("disabled"))
   .click()

error

		cy:command (success):
				assert	expected **<div.components-menu-item.component-menu-item--variant-neutral>** not to have class **disabled**
		cy:command (error):
				click	
...

Errors:
	CypressError: Timed out retrying after 15050ms: `cy.click()` failed because the page updated while this command was executing. Cypress tried to locate elements based on this query:
	
	> <div.components-menu-item.component-menu-item--variant-neutral>
	
	We initially found matching element(s), but while waiting for them to become actionable, they disappeared from the page. Common situations why this happens:
	  - Your JS framework re-rendered asynchronously
	  - Your app code reacted to an event firing and removed the element
	
	You can typically solve this by breaking up a chain. For example, rewrite:
	
	> `cy.get('button').click().click()`
	
	to
	
	> `cy.get('button').as('btn').click()`
	> `cy.get('@btn').click()`
	
	https://on.cypress.io/element-has-detached-from-dom

My expectation is that Cypress retries the queries from the top of the chain (findByRole, should) if a command (click) fails? Does "failure" include "detached DOM" issues?

Note the following is flake-free:

cy.findByRole("button", { name: "Resize" }).should(($el) => expect($el).to.not.have.class("disabled"));
cy.findByRole("button", { name: "Resize" }).click()

Why?

Relevant versions:

"cypress": "12.17.4"
"@testing-library/cypress": "9.0.0"
"@testing-library/dom": "8.6.0"
"@testing-library/react": "12.1.0"

We are using Cypress Component tests