Using the :placeholder-shown selector works well and will ensure any text input doesn’t get hidden. Compatibility is pretty solid too.
input:placeholder-shown {
text-overflow: ellipsis;
}<input placeholder="A Long Placeholder to demonstrate"></input>