title: Keyboard selection issue with contenteditable
body: <p>I'm seeing an issue where if you try to select <code>contenteditable</code> divs you can only select n-1 rows using keyboard navigation. This happens in safari and chrome so it doesn't seem like a browser bug. It's unclear why the red div to the right in the codepen below would prevent the last element from being selected.</p>
  <p>To repro:
  put the cursor in the first position (in front of the &quot;one&quot;) then hold shift and navigate down to select the rows below - note it stops without selecting &quot;three&quot;</p>
  <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>&lt;html&gt;
    &lt;body&gt;
      &lt;div contenteditable="true"&gt;
        &lt;div style="display: flex"&gt;
          &lt;div&gt;
            &lt;div contenteditable="true"&gt;one&lt;/div&gt;
            &lt;div contenteditable="true"&gt;two&lt;/div&gt;
            &lt;div contenteditable="true"&gt;three&lt;/div&gt;
          &lt;/div&gt;
          &lt;div contenteditable="false" style="width: 10px; background: red"&gt;
            &lt;div&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://i.stack.imgur.com/OXSeg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OXSeg.png" alt="Error screenshot" /></a></p>