title: Element is not clickable at point - Protractor
body: <p>I'm getting an error that element I am trying to click on is not click able which I belieave is not true.</p>
  
  <p>My error looks:</p>
  
  <pre><code> 1) Open VehiclePage and populate data Populate vehicle data
    Message:
      UnknownError: unknown error: Element is not clickable at point (1315, 371). Other element would receive the click: &lt;div class="form-con
  rol combo-options ng-scope ng-animate ng-leave ng-leave-active" ng-if="comboBox.visible" on-click-outside="comboBox.hide"&gt;...&lt;/div&gt;
   (Session info: chrome=39.0.2171.71)
   (Driver info: chromedriver=2.13.307647 (5a7d0541ebc58e69994a6fb2ed930f45261f3c29),platform=Windows NT 6.1 SP1 x86_64) (WARNING: The server
  did not provide any stacktrace information)
  ommand duration or timeout: 30 milliseconds
  </code></pre>
  
  <p>Part of my code:</p>
  
  <pre><code>it('Populate vehicle data', function() {
          browser.waitForAngular();
          element(by.css('div#datepicking i.glyphicon-calendar')).click();
          element(by.css('div#datepicking button[ng-click="select(\'today\')"]')).click();
          element(by.model('case.vehicle.adminData.paintColour')).sendKeys(browser.params.paintColour);       
          element(by.xpath('(//*[@id="form-mileage"])')).sendKeys(browser.params.mileage);                        
          element(by.id('form-mileage-unit')).click().then(function() {
              element(by.cssContainingText('option', browser.params.lengthUnit)).click();         
          });;
          element(by.xpath('(//*[@id="form-residual"])')).sendKeys(browser.params.technicalValue);    
          element(by.id('form-vehicle-condition')).click().then(function() {
              element(by.cssContainingText('option', browser.params.vehicleCondition)).click();
          });;    
          element(by.xpath('(//*[@id="form-engine-type"])')).click().then(function() {
              element(by.cssContainingText('option', browser.params.motorType)).click();
          });;
  </code></pre>
  
  <p>HTML of that part looks like:</p>
  
  <pre><code>&lt;div class="col-md-6"&gt;
                  &lt;div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label for="form-residual" ng-class="{red: !form.residual.$valid}" translate="case.vehicle.adminData.residualValuePercentage" class="ng-scope"&gt;Technická hodnota&lt;/label&gt;
                             &lt;span popover="Technická hodnota musí být v rozsahu 0-100%" popover-trigger="mouseenter" class="glyphicon glyphicon-question-sign red ng-hide" ng-show="form.residual.$invalid"&gt;&lt;/span&gt;
                          &lt;div class="input-group"&gt;
                              &lt;input type="number" id="form-residual" ng-model="case.vehicle.adminData.residualValuePercentage" name="residual" class="form-control ng-pristine ng-untouched ng-valid ng-valid-min ng-valid-max" max="100" min="0"&gt;
                              &lt;span class="input-group-addon"&gt;%&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;label for="form-vehicle-condition" translate="case.vehicle.adminData.vehicleCondition" class="ng-scope"&gt;Stav vozu&lt;/label&gt;
                          &lt;select type="text" id="form-vehicle-condition" ng-model="case.vehicle.adminData.vehicleCondition" name="vehicleCondition" class="form-control ng-pristine ng-valid ng-touched" ng-options="opt.value as opt.label | translate for opt in options.vehicleCondition"&gt;&lt;option value="" class=""&gt;&lt;/option&gt;&lt;option value="0" label="Lepší"&gt;Lepší&lt;/option&gt;&lt;option value="1" label="Odpovídající"&gt;Odpovídající&lt;/option&gt;&lt;option value="2" label="Horší"&gt;Horší&lt;/option&gt;&lt;option value="3" label="Není znám"&gt;Není znám&lt;/option&gt;&lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Error comes out always when trying to click element(by.id('form-vehicle-condition').
  Is there a chance someone can help me to find a way out of it?</p>