title: Unable to update the option for a select in safari for protractor with angular 2
body: <p>I am working on automation using protractor for one of angular 2 application.
  I am able to get the option element what I want to select for a drop down.</p>
  
  <p>Note: I have tried many different ways to get the option from DOM.</p>
  
  <p>But I couldn't able to select it using <code>click()</code> method on <code>WebElement</code>.
  The <code>click()</code> is working in chrome but not in safari.
  Tried with <code>browser.sleep()</code>,<code>ActionSequences</code>,<code>waitForAngular()</code> etc..
  But none has worked.</p>
  
  <p>example code snippet:</p>
  
  <pre><code>     element(by.css('#country')).$('[value="1"]').click();
  </code></pre>
  
  <p>or</p>
  
  <pre><code>     element(by.css('#country')).filter(function (elem, index) {
          return elem.getText().then(function (text) {
          return text.indexOf('USA') !== -1;
       });}).first().click();
  </code></pre>
  
  <p>As I said earlier, I have used many ways to get the element what I want.
  But I am unable to select or click the option in safari browser.</p>
  
  <p>Safari Version: 10.0.2
  Mac Version: OS EI Captain 10.11.6</p>