title: Intern 3 raising weird error while clicking element
body: <p>I have faced this many times. I have a code setup where intern types certain input to the input element and click on submit button. But the intern is raising error while clicking in the button.
  My code setup is as follows:</p>
  
  <pre><code>   // other tests
  
  "Load Client":function(){
  
  
          var self = this
          return inputs.Clients.reduce(function (chain, client) {
              isNA = false;
              return chain
                  .then(viewClientPage.clickOnAddClientBtn())
                  .then(addClientModal.clientName.enterValue(client.ClientName))
                  .then(function () {
                      return client.LineOfBusiness.reduce(function (chain1, lob) {
                          return chain1
                              .then(addClientModal.stateLOB.selectOption(lob.LOBName))
                              .then(addClientModal.state.clearValue())
                              .then(function () {
                                  return lob.States.reduce(function (chain2, state) {
                                      if (state.StateName == 'N/A') {
                                          isNA = true;
                                          return chain2
                                              .then(addClientModal.selectAllStateCheckBox())
                                      } else {
                                          return chain2
                                              .then(addClientModal.state.enterValue(state.StateName))
                                      }
                                  }, self.remote);
                              })
                              .then(addClientModal.clickOnAddStateBtn())
  
  
  
                      }, self.remote);
                  })
                  .sleep(6000)
                  .findByXpath('//*[@id="saveModal"]').click().end() // this is raising error
          }, this.remote)
  
   }
  </code></pre>
  
  <p>And the error i'm getting is </p>
  
  <pre><code>          UnknownError: [POST http://localhost:4444/wd/hub/session/737b17818334be969beb0ce6a8174f12/element/0.48698099328565236-11/click] unknown error: Element &lt;button type="button" class="btn btn-primary save" style="float:right" ng-click="addNewPayer('Payers','clients/clients/partials/addNewPayerModal.tpl.html','...',client,editParameters)"&gt;Add Client&lt;/button&gt; is not clickable at point (1296, 112). Other element would receive the click: &lt;div tabindex="-1" role="dialog" class="modal fade ng-isolate-scope custommodal-modal-edit in" ng-class="{in: animate}" ng-style="{'z-index': 1050 + index*10, display: 'block'}" ng-click="close($event)" modal-window="" window-class="custommodal-modal-edit" size="lg" index="0" animate="animate" style="z-index: 1050; display: block;"&gt;...&lt;/div&gt;
     (Session info: chrome=63.0.3239.84)
     (Driver info: chromedriver=2.34.522940 
      (1a76f96f66e3ca7b8e57d503b4dd3bccfba87af1),platform=Windows NT 6.1.7601 SP1 
        x86_64)
       at runRequest  &lt;node_modules\leadfoot\Session.js:92:40&gt;
       at &lt;node_modules\leadfoot\Session.js:113:39&gt;
       at new Promise  &lt;node_modules\dojo\Promise.ts:411:3&gt;
       at ProxiedSession._post  &lt;node_modules\leadfoot\Session.js:67:10&gt;
       at Element._post  &lt;node_modules\leadfoot\Element.js:23:31&gt;
       at Element.click  &lt;node_modules\leadfoot\Element.js:197:15&gt;
       at Command.&lt;anonymous&gt;  &lt;node_modules\leadfoot\Command.js:680:19&gt;
       at &lt;node_modules\dojo\Promise.ts:393:15&gt;
       at run  &lt;node_modules\dojo\Promise.ts:237:7&gt;
       at &lt;node_modules\dojo\nextTick.ts:44:3&gt;
       at Command.target.(anonymous function) [as click]  
      &lt;node_modules\leadfoot\Command.js:674:11&gt;
      at Command.&lt;anonymous&gt;  
  
  
  
  &lt;Automation\pageObjects\pages\clientSetup\clients\viewClientsPage\ViewClientPage.js:61:71&gt;
           at runCallback  &lt;node_modules\leadfoot\Command.js:526:31&gt;
            at Command.&lt;anonymous&gt;  &lt;node_modules\leadfoot\Command.js:543:11&gt;
            at &lt;node_modules\dojo\Promise.ts:393:15&gt;
           at run  &lt;node_modules\dojo\Promise.ts:237:7&gt;
           at &lt;node_modules\dojo\nextTick.ts:44:3&gt;
           at _combinedTickCallback  &lt;internal\process\next_tick.js:67:7&gt;
           at process._tickCallback  &lt;internal\process\next_tick.js:98:9&gt;
           at Command.then  &lt;node_modules\leadfoot\Command.js:542:10&gt;
           at &lt;Automation\Data_Load\LoadSM2Data.js:61:30&gt;
           at Array.reduce  &lt;native&gt;
            at Test.Load Clients [as test]  &lt;Automation\Data_Load\LoadSM2Data.js:56:35&gt;
    at &lt;node_modules\intern\lib\Test.js:191:24&gt;
    at &lt;node_modules\intern\browser_modules\dojo\Promise.ts:393:15&gt;
    at runCallbacks  &lt;node_modules\intern\browser_modules\dojo\Promise.ts:11:11&gt;
    at &lt;node_modules\intern\browser_modules\dojo\Promise.ts:317:4&gt;
    at run  &lt;node_modules\intern\browser_modules\dojo\Promise.ts:237:7&gt;
    at &lt;node_modules\intern\browser_modules\dojo\nextTick.ts:44:3&gt;
  </code></pre>
  
  <p>I have tried changing the version of <code>seenium-server-standalone.jar</code>  <code>chromedriver.exe</code> and even tried using <code>findByXpath</code>, <code>findById</code> etc but none of them worked. Please help me through </p>
  
  <p>Thanks. </p>