@Jelay

Как сделать text-overflow: ellipsis для input?

в общем ребят, не могу придумать корректных решений.
Имеется инпут на +-30 видимых символов (ибо О и j разной ширины), но на 70 символов максимально доступных для ввода.
Заказчик потребовал,чтобы при блюре с поля (в этот момент текст автоматически смещается до видимости первого символа), если введено больше символов, чем помещается в поле, в конце выводилось многоточие (как в text-overflow:ellipsis).
Вопрос:
Можно ли это как-то сделать корректо (хотя бы не-костыльно), ибо в голове 2 решения сейчас:
При блюре вместо инпута ставить блок стилизированный под поле для ввода, а по клику менять его на инпут. НО!
Тогда нельзя сразу стать, допустим на 6й символ ибо мы банально хз, куда польз клацнул. (можно, конечно, посчитать длину от начала инпута до курсора, но это не то)
Или создать невидимый инпут, чтобы считать его длину, и, если длина больше, чем статическая у инпута, то добавлять афтером многоточие. Но это слишком костыль. Есть еще идеи?
  • Вопрос задан
  • 1894 просмотра
Решения вопроса 1
Не очень понял. text-overflow: чем не подходит?

Или дайте ссылку на песочницу
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы