openproject/public/templates/components/selectable_title.html

<div class="title-container">
    <div class="text">
      <p><span with-dropdown dropdown-id="querySelectDropdown">{{ selectedTitle }}<i class="icon-pulldown-arrow1 icon-button"></i></span></p>
    </div>

  <div class="dropdown dropdown-relative" id="querySelectDropdown">
    <div class="search-query-wrapper">
      <input type="search" ng-model="filterBy" ng-change="filterModels(filterBy)" id="title-filter"><i id="magnifier" class="icon-search"></i>
    </div>

    <div class="query-menu-container" ng-if="group.models" ng-repeat="group in filteredGroups">
      <ul class="query-menu">
        <div class="title-group-header">{{ group.name }}</div>
        <li ng-repeat="model in group.models">
          <a href="" ng-click="reload( model[1], model[0] )">{{ model[0] }}</a>
        </li>
      </ul>
    </div>
  </div>

</div>