<ul class="nav contextselector-pf">
  <li class="dropdown">
    <a href="#0" class="dropdown-toggle nav-item-iconic" id="dropdownMenu3{{include.navindex}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
      <span class="contextselector-pf-title">Really long server name server name</span>
      <span class="caret"></span>
    </a>
    <div class="dropdown-menu" aria-labelledby="dropdownMenu3{{include.navindex}}">
    <div class="form-group">
    <label class="sr-only" for="searchinput">search</label>
    <input type="text" class="form-control" id="searchinput" placeholder="Search">
  </div>
    <ul class="contextselector-pf-list list-unstyled">
      <li><a href="#0">A Different Context</a></li>
      <li><a href="#0">A Second Context</a></li>
      <li><a href="#0">Current</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
      <li><a href="#0">Dolor Sit Amet</a></li>
    </ul>
  </div>
  </li>
</ul>
