title: Cypress Test: finds no <li> element
body: <p>i am trying to select this item from this list but it says it doesn't exist
  <a href="https://i.stack.imgur.com/DHf4O.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DHf4O.png" alt="enter image description here" /></a></p>
  <p>this is the html structure:</p>
  <pre><code>&lt;span class=&quot;select2-results&quot;&gt;
  &lt;ul class=&quot;select2-results__options&quot; role=&quot;listbox&quot; tabindex=&quot;-1&quot; id=&quot;select2-billing_country-results&quot; aria-expanded=&quot;true&quot; aria-hidden=&quot;false&quot; aria-activedescendant=&quot;select2-billing_country-result-jqjd-AS&quot;&gt;
  &lt;li class=&quot;select2-results__option&quot; id=&quot;select2-billing_country-result-klqe-default&quot; role=&quot;option&quot; data-selected=&quot;false&quot; tabindex=&quot;-1&quot; aria-selected=&quot;false&quot;&gt;Seleziona un Paese/una regione…&lt;/li&gt;
  &lt;li class=&quot;select2-results__option&quot; id=&quot;select2-billing_country-result-gzkv-AX&quot; role=&quot;option&quot; data-selected=&quot;false&quot; tabindex=&quot;-1&quot; aria-selected=&quot;false&quot;&gt;Åland Islands&lt;/li&gt;
  &lt;li class=&quot;select2-results__option&quot; id=&quot;select2-billing_country-result-n44m-AF&quot; role=&quot;option&quot; data-selected=&quot;true&quot; tabindex=&quot;-1&quot; aria-selected=&quot;false&quot;&gt;Afghanistan&lt;/li&gt;
  ......
  </code></pre>
  <p>with cypress I use these commands:</p>
  <pre><code>cy.get('#select2-billing_country-container').click()
  cy.get('li#select2-billing_country-result-c98f-default').click()
  </code></pre>
  <p>but i get the following error:</p>
  <p><a href="https://i.stack.imgur.com/7dIh7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7dIh7.png" alt="enter image description here" /></a></p>