textarea preholder bug
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
Opaite Mbohovái (4)
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.
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.
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.
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