title: Selenium finds wrong element, an element that doesn't even exist
body: <p>I'm inspecting the youtube search bar in firefox and get: </p>
  
  <pre><code>&lt;input id="search" autocapitalize="none" autocomplete="off" autocorrect="off" name="search_query" tabindex="0" type="text" spellcheck="false" placeholder="Search" aria-label="Search" aria-haspopup="false" role="combobox" aria-autocomplete="list" dir="ltr" style="outline: currentcolor none medium;" class="ytd-searchbox"&gt;
  </code></pre>
  
  <p>I have the following code: </p>
  
  <pre><code>driver = webdriver.Firefox()
  driver.get("http://www.youtube.com")
  elem = driver.find_element_by_id("search")
  elem.send_keys("asdfasdf")
  elem.send_keys(Keys.RETURN)
  </code></pre>
  
  <p>and get the following error (using firefox gecko webdriver):</p>
  
  <pre><code>    raise exception_class(message, screen, stacktrace)
      selenium.common.exceptions.ElementNotInteractableException: Message: Element &lt;g id="search"&gt; is not reachable by keyboard
  </code></pre>
  
  <p>Why? When I inspect the source code there is no g element with id="search" so what is going on?</p>