Avoid detached element failures when Interacting with Angular ag-grid

[seanprince]

I have an ag-grid which displays an 'More options' (...) menu in the last cell of each grid row. When you click on the More options menu, a popup shows the menu items.

My cypress test does this:

cy.get(`[data-test="decision-grid"] [row-id="${id}"] [data-mat-icon-name="more"]`)
   .click();

The click() intermittently fails because the More options DOM element has become detached from the DOM. It would appear that the ag-grid is re-sizing itself and the element becomes detached before the click() happens.

How can I avoid this test flakiness?