Я хочу, чтобы contenteditable div вел себя так же, как нормальное поле ввода.
Если дважды щелкнуть поле ввода, оно выберет либо слово, над которым находится мышь, либо, если мышь находится справа от текста, оно выберет последнее слово.
При использовании элемента с 'contenteditable = true' это работает так же, если дважды щелкнуть слово, но если щелкнуть дважды справа от него, оно не выберет последнее слово, как ожидалось.
Однако, если это последний элемент , он работает так же, как и ввод, и выбирает последнее слово .. go цифра?
пример - https://jsfiddle.net/mpwaw/a34yq81n/19/
<input value="normal input">
<div contenteditable=true spellcheck="false">contenteditable div</div>
<div contenteditable=true spellcheck="false">contenteditable div</div>
<div contenteditable=true spellcheck="false">contenteditable div</div>
Ввод сверху работает нормально
И последний из contenteditable тоже отлично работает
Но все остальные не
Если я поставлю пустой div внизу, то это остановит работу последнего contenteditable
Это ошибка, или она спроектирована таким образом? Или я что-то упустил?
Спасибо