title: When does the dropdown associated with a <datalist> appear?
body: <p>I have a dynamic <code>&lt;datalist&gt;</code> associated with my <code>&lt;input&gt;</code>: the list of <code>&lt;option&gt;</code> is modified while I type. </p>
  
  <p>The problem is that despite the fact that there are <code>&lt;option&gt;</code> entries in the <code>&lt;datalist&gt;</code>, the dropdown does not appear.</p>
  
  <p>Below is a showcase: we start with an empty search field</p>
  
  <p><a href="https://i.stack.imgur.com/fHfnK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fHfnK.png" alt="enter image description here"></a></p>
  
  <p>I start to type one letter, all the <code>&lt;option&gt;</code> are available</p>
  
  <p><a href="https://i.stack.imgur.com/uRr21.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uRr21.png" alt="enter image description here"></a></p>
  
  <p>After a few letters, some of the <code>&lt;option&gt;</code> are dynamically removed (below is a case where there is just one left)</p>
  
  <p><a href="https://i.stack.imgur.com/4kc2V.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4kc2V.png" alt="enter image description here"></a></p>
  
  <p><strong>Why isn't the dropdown with the available options always visible?</strong> How to trigger its visibility (if possible)?</p>