Задать вопрос

Как заставить textarea расширяться на linebreak?

Пытаюсь понять, но ни как не получается - как же заставить textarea расширяться на linebreak имея:
height: Npx;
resize: none;

(аналогично полю для комментариев на Тостере).
  • Вопрос задан
  • 2760 просмотров
Подписаться 4 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@gopromax Автор вопроса
Порылся в sourcecode Тостера. Если кому интересно, они используют следущее:
www.jacklmoore.com/autosize
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
Увы этого можно добиться только при помощи js.

Алгоритм прост - где-то создается невидимый div с копией всех стилей влияющих на размер блока (блок должен быть фиксированный по ширине). При изменении формы содержимое копируется туда, берется размер блока и применяется для формы.
Ответ написан
Комментировать
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Посмотрите как сделано ВКонтакте + погуглите. Я помню когда столкнулся - именно по ВКонтакте разбирался.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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