Контент редактируемый пишет в неправильном направлении, когда он имеет ценность ⇐ Html

[Anonymous]

Итак, у меня есть редактируемый текст с атрибутом editable, и да, я манипулирую состояниями, чтобы заставить его работать, но проблема в том, что текст движется не в правильном направлении, когда я пишу, а наоборот, первый символ всегда находится в конце.
Как он должен себя вести: stackoverflow...
Как он себя ведет: ...wolfervokcats
Вот сам компонент:

spellCheck="false"
ontentEditable="true"
onInput={props.onInput}
onFocus={() => setFocus(true)}
onBlur={() => setFocus(false)}
placeholder="New Skill">{props.value}
< /code>
style: < /p>
width: 100%;
background: transparent;
display: flex;
text-overflow: ellipsis;
cursor: text;
< /code>
Вот функция, которая принимает oniUnput: < /p>
function handle(index, e){
const value = event.target.textContent;
const newSkills = [...props.skills];
newSkills[index].skills_group = value;
props.setSkills(newSkills);
}


Подробнее здесь: https://stackoverflow.com/questions/727 ... s-an-value