Space on the initial load is hiding placeholder text placed in the textarea on a UI Page

[Austin17]

Hi All,

On our HR Cases, we have a suspend UI Action that brings up a Suspend dialog box. We created a UI Page that shows the Suspended Reasons and an Additional Comments field. The Additional Comments field was originally single line and we were asked to make it a multi line field. So I changed the html on the UI Page to be a <textarea> instead of an <input>. Now when I try to add placeholder text to the textarea, there is a space that overwrites the placeholder text. 

On load:

After clearing the space:

Here is the code: 

       <textarea id="suspend_comments" class="col-sm-9 form-control" required="required" rows="10" placeholder='${Additional comments (Customer visible)}' aria-required="true" name="suspend_comments"></textarea>

Does anyone have any idea why this would be happening or any other solutions to making this a multi line field?

Thank you in advance,

Austin

[Slava Savitsky · Accepted solution]

I have no clue why this is happening, but as a workaround you could add the following code at the end of the Client Script field in the UI Page record to remove that space character:

$('suspend_comments').value = '';

[Austin17]

Thank you @Slava , I have no idea why this is happening either and have  had no luck finding a solution. I did try this though and the placeholder text is showing now. Thank you for your reply.