title: Element <input> is not reachable by keyboard - InputField under ShadwoRoot
body: <p>I use newest Chrome and chromedriver. <br>
  I have a website with DOM elements and i will type any text in an inputfield <br>
  <strong>HTML Code</strong>  (sorry for screenshot)
  <a href="https://i.stack.imgur.com/2aLjh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2aLjh.png" alt="enter image description here" /></a></p>
  <p><strong>Python Code:</strong> <br>
  #Expand Shadow <br>
  def expand_shadow_element(element): <br>
  shadow_root = driver.execute_script('return arguments[0].shadowRoot.children', element) <br>
  return shadow_root <br>
  ... <br>
  root1 = driver.find_element_by_id(&quot;UI-tf_Vorgangsname&quot;) <br>
  shadow_root1 = expand_shadow_element(root1)<br>
  root2 = shadow_root1<a href="https://i.stack.imgur.com/2aLjh.png" rel="nofollow noreferrer">1</a>.find_element_by_xpath(&quot;//input[@part='value']&quot;)<br>
  time.sleep(2)<br>
  root2.click()<br>
  time.sleep(2)<br>
  root2.send_keys('testssdfs')<br></p>
  <p><strong>I become this messages:</strong>  <br>
  selenium.common.exceptions.ElementNotInteractableException: Message: Element  is not reachable by keyboard <br></p>
  <p>I see, click is working, cursor is aktiv in Input Field, but send_keys doesn't work. <br>
  <a href="https://i.stack.imgur.com/WwCfP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WwCfP.png" alt="enter image description here" /></a><br />
  Do you have any idea? <br>
  Many Thanks!</p>