title: Prevent filtering autocomplete suggestions in a <input type="search"> tag
body: <p>I have an html input field that is connected to a datalist containing suggestions for autocompletion.</p>
  
  <pre><code>&lt;input type="search" id="input-search" class="form-control" name="searchfield" list="autocompleteitems"&gt;
  
  &lt;datalist id="autocompleteitems"&gt;
  &lt;/datalist&gt;
  </code></pre>
  
  <p>the datalist gets its content through javascript ajax calls when a key is pressed in the search bar.
  My autocomplete suggestions contain also synonyms which i want to display. That leads to a problem showed in the following example. Assuming i want to search for "apple" and type <code>ap</code> ìnto the search bar. The ajax request gets a result list and puts it in my datalist as follows:</p>
  
  <pre><code>&lt;datalist id="autocompleteitems"&gt;
      &lt;option value="apple"&gt;&lt;/option&gt;
      &lt;option value="fruit"&gt;&lt;/option&gt;
      &lt;option value="apples"&gt;&lt;/option&gt;
  &lt;/datalist&gt;
  </code></pre>
  
  <p>What i want is a suggestion with those three items (apple, fruit apples). Because <code>fruit</code> does not start with <code>ap</code>it gets kicked out and only <code>apple</code>and <code>apples</code>is suggested.</p>
  
  <p>Is there a way to prevent html/the browser from filtering those items not starting with the text in the searchbox?</p>
  
  <p><strong>Edit</strong>
  The stackoverflow post linked in the comment shows how to set a filter on a search field. But firefox does filter automatically and my question is how to <strong>not filter</strong> the results.</p>
  
  <p><strong>Example:</strong></p>
  
  <p>I type <code>ap</code> into the search field.</p>
  
  <p>My ajax request returns <code>apple</code> and <code>fruit</code> and writes that in the datalist.</p>
  
  <p>Now firefox suggests <code>apple</code>, but throws <code>fruit</code> away because it does not start with <code>ap</code>.</p>
  
  <p>What I want is that both words are suggestet - <code>apple</code> and <code>fruit</code></p>