Есть такая мощная комбинация для элементов форм:
field-sizing: content. Напишете так — получите подстраивание размера инпута под контент внутри.Ахмад Шадид делится различными примерами, где применение свойства выглядит полезным.
Напомню, пока что свойство работает только в Chromium-браузерах. Но остальные браузеры с каждым релизом потихоньку проходят всё больше тестов, а прогрессивное улучшение никто не отменял.
https://ishadeed.com/article/field-sizing/
