Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

textarea preholder bug

  • 4 replies
  • 1 has this problem
  • 6 views
  • Last reply by cor-el

more options

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0 - Quantum 57.0.2 MS Windows 10 64-bit

Opera, Chrome, Edge browsers display correctly. Screenshot is here http://prntscr.com/hq0gnl

There is a bug in preholder format. Site www.cherlock.ru. Screenshot is here http://i.prntscr.com/t7wx5u-nQzmZf7U1SxBWeA.png

HTML code: <textarea id="question-textarea-promo" class="form-control" rows="8" style='resize: none' placeholder="Bla-bla-bla space

bla-bla-bla?"></textarea>

===================================

I try many way to fix this trouble:


1. CSS: textarea#question-textarea-promo::placeholder {

  white-space:pre-line;
 /*  color:red;*/
  }                                   - The color:red works, white-space - don't

2. CSS: textarea#question-textarea-promo::-moz-placeholder {

  white-space:pre-line;
  }                                              - don`t work

3. <textarea style ="white-space:pre-line"> - don`t work, of course

Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0 - Quantum 57.0.2 MS Windows 10 64-bit Opera, Chrome, Edge browsers display correctly. Screenshot is here http://prntscr.com/hq0gnl There is a bug in preholder format. Site www.cherlock.ru. Screenshot is here http://i.prntscr.com/t7wx5u-nQzmZf7U1SxBWeA.png HTML code: <textarea id="question-textarea-promo" class="form-control" rows="8" style='resize: none' placeholder="Bla-bla-bla space bla-bla-bla?"></textarea> =============================================== I try many way to fix this trouble: 1. CSS: textarea#question-textarea-promo::placeholder { white-space:pre-line; /* color:red;*/ } - The color:red works, white-space - don't 2. CSS: textarea#question-textarea-promo::-moz-placeholder { white-space:pre-line; } - don`t work 3. <textarea style ="white-space:pre-line"> - don`t work, of course

All Replies (4)

more options

W3C.org (World Wide Web Consortium) make the rules for web code including the standards and practices and future development of Web Pages and Web Browsers. Please run your code through these as Firefox looks at code a little stricter Other browsers should not be displaying errors. HTML https://validator.w3.org/ CSS https://jigsaw.w3.org/css-validator/ and https://validator.w3.org/i18n-checker/ and http://mobile.css-validator.org/

HTML 3 Warnings and easy to fix

CSS 102 Errors, Not so easy to fix.

Please let us know if this solved your issue or if need further assistance.

more options
more options

If you have a bug, file a bug report. https://bugzilla.mozilla.org/ Bug Writing Guidelines : https://developer.mozilla.org/en-US/docs/Mozilla/QA/Bug_writing_guidelines


Please let us know if this solved your issue or if need further assistance.

more options

See:

  • bug 1312897 - textarea removes newlines from placeholder but shouldn't

Please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html You can vote for a bug to show your interest
https://bugzilla.mozilla.org/page.cgi?id=voting.html