Problem: I have a requirement for a predefined list of text that can range from 100 to 400+ chars. This list should be shown to the user in some fashion and then, once one of the items is selected, we allow the user to edit the selected option.
Current implementation: after selecting an item from the dropdown, the value can be edited in a textbox directly underneath it. This text is then submitted with the form (see image).
My goal is to find a better user experience that will allow the editing and selection of these messages without a gross duplication of form fields. Thank you in advance, gurus.
Edit: this is the full form, I have been reluctant to show it because I am not actually the UX/UI expert on the team. I am a senior developer who specializes in front-end development. With that said there are many things on "hurting" this form and I ask that we try to stay away from that (i.e. favorite icon is so far out of the eye pattern it is not getting clicked, sheer amount of data input required, etc.)
The field "choose personal closing" populates the textarea below it after the select box option is chosen, overwriting anything that is in it.
The proposal is to add a second textarea right underneath the "Choose Sentiment" text input.