Value attribute for TextArea control is a input[type=text] and not textarea/div[contenteditable] leading to removal of new lines

[sergioralmeida]

We can write new lines (hit the "enter" button) on the textarea, but it doesn't save them.
You can try this on the demo page.
1 - https://formbuilder.online/
2 - Add a textarea
3 - Write something with multiple lines
4 - Save
5 - Weep

Value is saved with all lines together, not even a tiny space between characters.

Any ideas to fix this are highly appreciated. Cheers.

[YaroslavPetryk]

you need at first before sending to encodeURIcomponent(message), then when you recieve the message decodeURIComponent(message); then message.replace(/%0A/g, "
");

[Jojoshua]

Is this still an issue?

[lucasnetau]

The value field is a a input[type=text] element which can only take single line text. So when we sync the value of the preview textarea to the value field the \n newlines are removed.

formBuilder/src/js/form-builder.js

Line 1717 in 58baf4e

fieldVal.value = e.target.value

[temamagic]

Also in edit mode, we have single line input instead textarea

[github-actions]

🎉 This issue has been resolved in version 3.17.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀