title: Selenium/Python - Element not reachable by keyboard
body: <p>I am trying to fill in a form automatically. I have recorded a script with Selenium.</p>
  
  <p>One of the field to populate is the zip code. When I start typing the code, a new window opens to suggest appropriate option (javascript autofill)</p>
  
  <p>I need to select the first item the ul (cf. html below)</p>
  
  <p>I am quite new to Selenium and though I have been reading the Selenium/html documentation I am totally stuck for almost 1 month on this...</p>
  
  <p>Many thanks in advance for your support</p>
  
  <p>My code is as follows and I received the error message "<em>Element  is not reachable by keyboard</em>"</p>
  
  <pre><code>elem = driver.find_element_by_id("location_p")
      elem.send_keys("75")
      first_option = WebDriverWait(driver, 10).until(
      EC.visibility_of_element_located((By.CLASS_NAME, "selected")))
      first_option.send_keys(Keys.RETURN)
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>**HTML** 
  
  &lt;div id="localisation_left"&gt;
  
  
  &lt;div class="line toDisable"&gt;
      &lt;label for="location_p" class="label"&gt;Ville ou code postal *&lt;/label&gt;
      &lt;div class="field-wrapper location-container"&gt;
          &lt;div class="inputWrapper"&gt;
              &lt;i id="browserGeoloc" class="icon-geoloc icon-2x blue"&gt;&lt;/i&gt;
              &lt;div class="loaderGif-small hidden"&gt;&lt;/div&gt;
  
                  &lt;input class="nude" name="location_p" id="location_p" autocomplete="off" value="Paris 75010" type="text"&gt;
  
                  &lt;input name="zipcode" value="" type="hidden"&gt;
                  &lt;input name="city" value="" type="hidden"&gt;
                  &lt;script type="text/javascript"&gt;
                      var numberOfLocation = 1, numberOfAuthorizedLocation = 1;
                      var cityNewadMultipleLocation = new MultipleLocationNewad('input[name="location_p"]', numberOfLocation, numberOfAuthorizedLocation);
                      cityNewadMultipleLocation.cityAndZipcodeAreSelected = true;
                  &lt;/script&gt;
  
              &lt;input name="region" value="" type="hidden"&gt;
              &lt;input name="dpt_code" value="" type="hidden"&gt;
          &lt;/div&gt;
          &lt;ul class="location-list visible" style="top: 43px;"&gt;
  &lt;li data-region="12" data-dpt-code="75" class="selected"&gt;
                  &lt;span class="city" title="Paris"&gt;Paris&lt;/span&gt;&amp;nbsp;&lt;span class="zipcode"&gt;75011&lt;/span&gt;
              &lt;/li&gt;
                      &lt;li data-region="12" data-dpt-code="75"&gt;
                  &lt;span class="city" title="Paris"&gt;Paris&lt;/span&gt;&amp;nbsp;&lt;span class="zipcode"&gt;75015&lt;/span&gt;
              &lt;/li&gt;
                      &lt;li data-region="12" data-dpt-code="75"&gt;
                  &lt;span class="city" title="Paris"&gt;Paris&lt;/span&gt;&amp;nbsp;&lt;span class="zipcode"&gt;75009&lt;/span&gt;
              &lt;/li&gt;
                      &lt;li data-region="12" data-dpt-code="75"&gt;
                  &lt;span class="city" title="Paris"&gt;Paris&lt;/span&gt;&amp;nbsp;&lt;span class="zipcode"&gt;75010&lt;/span&gt;
              &lt;/li&gt;
                      &lt;li data-region="12" data-dpt-code="75"&gt;
                  &lt;span class="city" title="Paris"&gt;Paris&lt;/span&gt;&amp;nbsp;&lt;span class="zipcode"&gt;75017&lt;/span&gt;
              &lt;/li&gt;</code></pre>
  </div>
  </div>
  </p>