title: Cannot select item in drop down list
body: <p>I have a drop down list that I cannot select an item from. I can loop through all the items in the list and find the one I want but the click() does not select the item.</p>
  
  <p>Here is the code. Can any one help?</p>
  
  <pre><code>driver.findElement(By.id("components-multi-select")).findElement(By.className("icon")).click();  
  driver.findElement(By.id("components-suggestions"));
  
  List&lt;WebElement&gt; componentList = driver.findElements(By.className("aui-list-item"));
  for (WebElement component : componentList){
      System.out.println(component.getText());
      if (component.getText().contains(newComponent)){
          component.click();
          break;
      }
      else{
          System.out.println("not equal");
      }
  </code></pre>
  
  <p>Here is the html code of the component drop down list.</p>
  
  <pre><code>&lt;div class="field-group aui-field-componentspicker frother-control-renderer" &gt;
  &lt;label for="components"&gt;Component/s&lt;/label&gt;
  
  &lt;div class="ajs-multi-select-placeholder textarea long-field"&gt;&lt;/div&gt;
  
  &lt;select class="select  hidden " id="components" multiple="multiple" name="components" size="5" data-remove-null-options="true"&gt;
    &lt;option value="-1"&gt;
      Unknown
    &lt;/option&gt;
    &lt;option selected="selected" title="Component 1  - A test component" value="10240"&gt;
      Component 1
    &lt;/option&gt;
    &lt;option title="Component 2  - " value="10242"&gt;
      Component 2
    &lt;/option&gt;
    &lt;option title="Lee 2 " value="10371"&gt;
      Lee 2
    &lt;/option&gt;
    &lt;option title="Roy " value="10370"&gt;
      Roy
    &lt;/option&gt;
    &lt;option title="Test Documentation " value="10241"&gt;
      Test Documentation
    &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>