Currently, I have a textarea field where pressing enter submits and creates a new item in the array. Pressing shift + enter creates a new line in the textarea input field.
But when trying to submit by pressing shift and enter after creating a new line, it fails to recognize the line break. Check the images below for reference.
It seems like the array is not registering the line break in the input.
Todobox.jsx:
The code snippet...Item.jsx:
The code snippet...Item-input css:
.item-text {
padding: 2px;
opacity: 1;
word-wrap: break-word;
}
Your assistance on this matter would be greatly appreciated! Thank you in advance :)