キーボードでChromeでcontenteditableのテキストを選択できない

Question

Chromeでは、テキストに長い文字列が含まれていて次の行に囲まれている場合、Chromeでキーボードを使用してコンテンツ編集可能なテキストコンテキストを選択できません。

このレクロはChrome版（最新版、これは私がこれを書いている時点ではChrome 47です）。

リプロ（下記のスニペットに）contentedtableのdivの最後にカーソルを置くために

1. クリックを繰り返します。
2. シフトを押して、上向き矢印を数回押します。

：すべてのテキストが選択されます。

観測された：スペース（ "foo"）の前のテキストは選択されません。

ここにコードがあります。 "foo"の後の文字は、改行ではなくスペースです。

<div contenteditable="true" style="background: #ddd; width: 200px; height: 100px;">foo asdfjkl;asdfjkl;asdfjkl;asdfjkl;asdfjkl;asdfjkl;asdfjkl;</div>

Answer 1

実は、それは一般的にはテキストボックスの正しい動作です。

この場合、2つ目の単語がコンテナよりも広いため、2つの単語が異なる行に表示されるため、改行が表示され、up arrowを使用して「foo」を選択しようとします。

しかし、 "foo"の後にスペース文字があるので、left arrowを使用して選択する必要があります。

同じケースを想定していますが、全角のテキストボックスを使用すると、left arrowのみを使用しようとします。その特定のコンテンツの動作ではなく、ここでのみスタイルが変更されます。