Обтекание вводимого текста-заполнителя не работает в Firefox

Question

Я пытаюсь перенести текст заполнителя на следующую строку в поле ввода. Я нашел примеры того, как это сделать, и он работает в Chrome, но не в Firefox.

Это вопрос переполнения стека, из которого я взял свой код:

Автозаполнение заполнителя внутри поля ввода

Это работает для Chrome, но не для Firefox. Я знаю, что мой псевдоэлемент работает, потому что, когда я делаю что-то еще очевидное (то есть цвет: красный), это меняет вводимый текст. Я ищу помощь в стилизации обертки.

::-moz-placeholder {
    white-space:pre-line;  
    position:relative;
    top:-7px;
}

(это не работает в FF)

::-webkit-input-placeholder {
    white-space:pre-line;  
    position:relative;
    top:-7px;
}

(Это работает в Chrome)

Я хочу, чтобы заполнитель ввода был перенесен на следующую строку, а не обрезан.

Answer 1

Насколько я знаю, в Mozilla Firefox удалена возможность оборачивать заполнитель. Заполнитель очень сложен и технически не очень хорошо поддерживается.

Решением может быть полное удаление заполнителей и использование другого варианта. Вот статья о (не) использовании заполнителя и его альтернативах из журнала Smashing Magazine.