Как расширить input text в зависимости от его значения value?
Мне нужен инпут который будет расширяться в зависимости от его value. Сейчас я сделал такой Codepen https://codepen.io/fad90/pen/qBPOZeG
Однако мне нужно чтобы его ширина в пустом виде была, примерно 2px и после того как я начну печатать она начинала увеличиваться пропорционально веденому value. Сейчас же я не могу сделать ширину пустого инпута еще меньше.
Также сейчас когда я печатаю, то справа от моего текста остается достаточно большое пространство.
Подскажите как мне решить данные проблемы. Или может есть другой способ сделать такое инпут поле?
Ответы (1 шт):
Автор решения: Aziz Umarov
→ Ссылка
Могу предложить как вариант для вашего примера
<input
className='input'
type="text"
value={input}
onChange={changeHandler}
size={input.length>1?input.length - 1:1}
/>