わかりました、この問題は私を夢中にさせています。
コンテンツの編集可能な div にエンター キーの機能を実装しています。ユーザーが Enter キーを押すと、新しい p タグを作成してドキュメントのその場所に追加するか、ユーザーが段落の途中で Enter キーを押すとノードを分割します。すべて正常に動作していますが、この問題が見つかりました。
ユーザーが入力後に最初の文字を入力したときに、コンテンツを追加せずに空の p タグを追加<p></p>
すると、カーソルはこの p タグに移動しません。ただし、スペースを追加しても問題ありません<p> </p>
。明らかに、新しい段落を追加するたびにスペースを追加したくありません。
「A」などの文字を追加し、カーソルをそこに移動してから「A」を削除することで、この問題を解決しようとしました。しかし、それはまだ同じ問題です。
なぜこれが起こっているのか、回避策として何ができるのでしょうか?
編集: CSS で最初の文字を非表示にしようとしましたvisibility:hidden
が、p タグは完全に無視されます!