effect_tw
@effect_tw

Как получать высоту textarea?

Как получать высоту textarea элемента (так же получать когда она увеличивается) в React компоненте. Спасибо
  • Вопрос задан
  • 194 просмотра
Пригласить эксперта
Ответы на вопрос 3
joeberetta
@joeberetta Куратор тега JavaScript
Читай: https://epdf.pub/google-for-dummies.html
Высоту можете получить через el.outerHeight
А чтобы получить ее когда увеличивается придется писать свой костыль. Самый банальный вариант это когда слушаете событие onchange также можете слушать сливаться мыши (если хотите ловить ресайз с помощью мыши, а не увеличение из-за количества содержимого)
Ответ написан
Комментировать
@KononovD
<textarea ref=(node=>this.__anyName) onInput={(e)=>console.log(e.currentTarget.scrollHeight)} />

и
const height = this.__anyName.scrollHeight
Ответ написан
Комментировать
miraage
@miraage
Старый прогер
Работа с textarea в React не самая тривиальная.
Можете посмотреть реализации:
- TextareaAutosize в Material UI: https://github.com/mui-org/material-ui/blob/master...
- react-textarea-autosize: https://github.com/andreypopp/react-textarea-autosize
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
18 апр. 2024, в 21:56
2000 руб./за проект
18 апр. 2024, в 21:00
150 руб./за проект