I've been working on making my placeholder text wrap to the next line in an input field. While I found solutions that work in Chrome, I'm struggling to get it right in Firefox.
After researching on Stack Overflow, I came across this question:
Placeholder auto wrap inside a input field
The solution provided worked perfectly in Chrome but not in Firefox. I verified that my pseudo-element is functional because changing the color of the text had an effect. However, I need assistance specifically with the wrapping styles.
::-moz-placeholder {
white-space:pre-line;
position:relative;
top:-7px;
}
(Unfortunately, this did not solve the issue in Firefox)
::-webkit-input-placeholder {
white-space:pre-line;
position:relative;
top:-7px;
}
(This approach worked successfully in Chrome)
I am determined to find a way for the input placeholder to wrap down to the next line without being truncated.