Невозможно отключить перенос заполнителя в Firefox textarea

Question

Код для отключения обертывания в textarea отлично работает в webkit, но не в firefox.

Demo (WebKit): http://jsfiddle.net/cuk2072g/2/

HTML:

<textarea class="form-control" id="textArea" 
    placeholder="_____________________________________________________________________________________________________________"> 
</textarea> 

CSS:

#textArea { 
    color:red; 
    height: 200px; 
    width: 300px; 
    text-align:left; 
    white-space: nowrap; 
    overflow: hidden; 
    resize: none; 
    } 

#textArea::-webkit-input-placeholder { 
    color:green; 
    white-space: nowrap; 
    overflow: hidden; 
    } 

Webkit работает отлично, как ожидают. Firefox имеет проблемы ...

Demo (светлячок): http://jsfiddle.net/g7CsP/3/

HTML: same as above

CSS:

#textArea { 
    color:red; 
    height: 200px; 
    width: 300px; 
    text-align:left; 
    resize: none; 
    } 

#textArea::-moz-placeholder { 
    color:green; 
    white-space: nowrap; 
    overflow: hidden; 
    } 

Answer 1

Я нашел решение здесь: это второй самый высокий ответ How remove word wrap from textarea?

CSS:

#textArea { 
    color:red; 
    height: 200px; 
    width: 300px; 
    text-align:left; 
    word-wrap: normal; 
    resize:none; 
    } 

#textArea::-moz-placeholder { 
    color:green; 
    } 

http://jsfiddle.net/g7CsP/4/