Автоматически увеличивающаяся строка поиска, когда текст заполнил её полностью. Как создать?

Question

[Борис Животное]

Всем привет. Мне нужно сделать автоматически увеличивающуюся строку поиска, которая увеличивалась бы в высоту, когда текст становится больше, чем вмещается в ширину. Есть ли какой-то простой способ это сделать?

В вебе поверхностно разбираюсь, нагуглить ничего толкового не удалось.

Answer 1

[Надим]

Для описанных целей существует плагин autosize.

Answer 2

[0xD34F]

Есть такой плагин, например. Заставить работать совместно с react'ом - элементарно.

Или вот готовый реактовский компонент.

Answer 3

[Петр Мухуров]

<div contentEditable="true" />
Фиксируете ему ширину и отпускаете высоту - все работает. Проблемы стилизовать под инпут нет