Bug: `textarea` inputs in Safari stop accepting input on certain empty lines about react

[Nedomas]

I don't think this is related to deleting. I get the same problem if I start entering text on a previously empty line, but one that has content in lines after it.

For example, enter this into the textarea:

1
2

4

Then click on the missing line (where 3 would be) and try to start typing - it won't work. This happens both with controlled and uncontrolled textareas.

[blghns]

@iansan5653 Nice bug writeup! I am seeing this issue too https://jsfiddle.net/bilgehansolo/0vmL5cse/ here is the same code on a fiddle. Also tried passing the value as a defaultValue instead of children, it still had the same problem.

Also wanted to note that this is probably not a safari bug https://jsfiddle.net/bilgehansolo/3mwroLys/ textarea as pure html element works as expected.

[keithamus]

Instead of setting the value inside the node, I refactored it to use a useEffect and set the actual DOM nodes .value. The bug seems to not be present in this case. https://jsfiddle.net/nkrLvm7w/

[iansan5653]

Oh interesting. Maybe a better title than would be "textarea inputs in Safari stop accepting input on certain empty lines" 🤔

[blghns]

I wonder if this is a React bug or a ReactDOM bug.

[github-actions]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[iansan5653]

bump 🙃