openproject/public/templates/components/selectable_title.html

<div class="title-container">
    <div class="text">
      <h2 title="{{ selectedTitle }}">
        <span with-dropdown dropdown-id="querySelectDropdown">
          {{ selectedTitle | characters:50 }}<i class="icon-pulldown-arrow1 icon-button"></i>
        </span>
      </h2>
    </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="dropdown-scrollable">
      <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
              ui-sref="work-packages.list({ query_id: model[1] })"
              title="{{ model[0] }}">{{ model[0] | characters:40 }}</a>
          </li>
        </ul>
      </div>
    </div>
  </div>

</div>