Use this type of filter when the search field must accept both:
<div id="filters" class="filters is-open" style="border: none; padding: 20px;">
<div class="filter js-filter typeahead-filter" data-filter="typeahead" data-name="committee_id" id="committee_id-field" data-allow-text style="border: none;">
<label class="label" for="committee_id">Contributor name or ID</label>
<div class="combo combo--search--mini filter__typeahead">
<input id="committee_id" type="text" class="combo__input tt-input" tabindex="0" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
<button class="combo__button button--search button--standard is-disabled" type="button" tabindex="-1">
<span class="u-visually-hidden">Search</span>
</button>
</div>
</div>
</div>
<br>
<img src="/components/type-ahead-and-free-text.gif" alt="">
<div id="filters" class="filters is-open" style="border: none; padding: 20px;">
<div class="filter js-filter typeahead-filter" data-filter="typeahead" data-name="committee_id" id="committee_id-field" data-allow-text style="border: none;">
<label class="label" for="committee_id">Contributor name or ID</label>
<div class="combo combo--search--mini filter__typeahead">
<input id="committee_id" type="text" class="combo__input tt-input" tabindex="0" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
<button class="combo__button button--search button--standard is-disabled" type="button" tabindex="-1">
<span class="u-visually-hidden">Search</span>
</button>
</div>
</div>
</div>
<br>
<img src="/components/type-ahead-and-free-text.gif" alt="">
/* No context defined. */