jQuery: newline in textarea placeholder doesn't work for Mozilla Firefox

Asked May 23 '18 at 14:06

Active May 23 '18 at 14:15

Viewed 44 times

This is my HTML code:

<textarea class="text ui-widget-content ui-corner-all note-text-area" id="backlinks" rows="10" name="backlinks" placeholder="Referring URL;;Link URL;;Anchor Text" style='width:100%'></textarea>

And this is my jQuery code:

$('[name=backlinks]').attr('placeholder', 'Referring URL;;Link URL;;Anchor Text\nor\nURL');

Altough it works well when using the Chrome browser (it shows the line breaks in the textarea placeholder), this is what I get on Mozilla Firefox:

Referring URL;;Link URL;;Anchor TextorURL

So, I really wonder what wrong is and how I can display newlines inside textarea placeholder when using Mozilla Firefox. Any idea?

asked May 23 '18 at 14:06

Nadim2014

Can not reproduce. Tested in Firefox. Works as expected. – muecas May 23 '18 at 14:38
Do you mean it shows the textarea placeholder content as follows? – Nadim2014 May 23 '18 at 14:52
No, in Firefox it shows as expected, with two returns, one after `Text` and the other after `or`, so the placeholder has 3 lines. – muecas May 23 '18 at 14:54
Then, why doesn't it show me the same output on Firefox?! Is it a question of browser version? – Nadim2014 May 23 '18 at 14:55
But i tested it in FIrefox! What are you asking then? – muecas May 23 '18 at 14:55
May I ask what version of Firefox are you using? – Nadim2014 May 23 '18 at 14:58
The version is Quantum 60.0.1 – muecas May 23 '18 at 15:00

jQuery: newline in textarea placeholder doesn't work for Mozilla Firefox

0 Answers0