I have multiple components that contains react-select. I want to iterate through the components and get the values that are in react-select menu.

I tought It should work if I do it like this

```
cy.get(".flight-segment-times .css-10nd86i")
   .each(($select) => { 
          $select.click({ force: true }); 
          cy.get(".css-11unzgr").contains("option")
        })

```

But this doesn't work since the `.css-11unzgr` class appears only when it's parent element is clicked. However if I call `.click()` on `$select` element then dropdown menu won't even appear, if I call `.click({multiple: true})` directly on `cy.get(".flight-segment-times .css-10nd86i")` then every dropdown will sequentially open, but I need to be able to do something between those click actions.