This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

textarea preholder bug

  • 4 uphendule
  • 1 inale nkinga
  • 1 view
  • Igcine ukuphendulwa ngu cor-el

wberdnik
wberdnik
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)

Shadow110
Shadow110
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.

wberdnik
wberdnik Umnikazi wombuzo
more options

It does'nt matter.

I make clear HTML page http://www.cherlock.ru/MozillaTest.html

https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.cherlock.ru%2FMozillaTest.html - No errors or warnings to show.

https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cherlock.ru%2FMozillaTest.html&profile=css3&usermedium=all&warning=1&vextwarning=&lang=ru - No errors or warnings to show.

https://validator.w3.org/i18n-checker/check?uri=www.cherlock.ru%2FMozillaTest.html#validate-by-uri+ - No issues to report! 

http://mobile.css-validator.org/ - This page is no mobile, and it's desktop browser issue.

Screenshot of Mozilla http://prntscr.com/hqy95g Screenshot of Opera http://prntscr.com/hqy9s7 Screenshot of Chrome http://prntscr.com/hqya5i Screenshot of MS Edge http://prntscr.com/hqyakq

This doesn't solve bug of browser.

Shadow110
Shadow110
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.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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