Как увеличивать форму комментария вверх?

Question

[Елизавета Шестакова]

Есть форма комментария (изначально одна строка), пользователь пишет какой-то текст.
Добавляя новую строку, форма увеличивается (что правильно), и нижний край спускается ниже.
Т.к. форма комментария расположена внизу окна, низ формы скрывается и приходится скроллить страницу, чтобы увидеть низ комментария.

Подскажите, пожалуйста, как сделать так, чтобы при добавлении новой строчки низ формы оставался на месте, а вместо него верхний край двигался вверх, раскрывая форму?

Comments

[Антон Усачев]

Хотелось бы скрин или пример кода, потому что если там textarea, то увеличение формы при появлении новой строки это неправильно. Правильно – появление прокрутки. А доскроллить прокрутку можно так по событию увеличения формы:

var textarea = document.getElementById('textarea');
textarea.scrollTop = textarea.scrollHeight;

Либо абсолютное / фиксированное позиционирование окна ввода с bottom: 0;.

[Елизавета Шестакова]

Антон Усачев, это не textarea, внутри реакт компонента рендерятся div блоки, 1 div = 1 строка

[Антон Усачев]

Елизавета, ну тогда флексы в помощь.

[Антон Спирин]

Елизавета,

textarea, внутри реакт компонента рендерятся div блоки, 1 div = 1 строка

Зачем такое решение? Чем <div contenteditable="true"> не подходит?

[Елизавета Шестакова]

Антон Спирин, не могу ответить, это было сделано задолго до меня))
используется draft-js-plugins-editor

Answer 1

[Елизавета Шестакова]

В итоге решила следующим образом:
вычисляю положение нижнего края формы, если он выходит за границы видимой области - делаю скролл