Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

textarea preholder bug

  • 4 antwoorden
  • 1 heeft dit probleem
  • 1 weergave
  • Laatste antwoord van 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

Alle antwoorden (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 Vraageigenaar
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
  • Top 25 Contributor
  • Moderator
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