Наглядная и интерактивная статья про CSS-свойство
field-sizing. Кратко о содержимом:- Свойство CSS
field-sizing: content подстраивает ширину полей ввода под содержимое.- Поддерживается только в Chrome и Edge. В Firefox и Safari пока недоступно.
- Полезно для динамических форм, пагинации, полей ввода URL и логина, а также интерфейсов с несколькими селектами.
- Рекомендуется задавать
min-width и max-width, чтобы избежать слишком маленьких или длинных полей.- Работает как прогрессивное улучшение: если не поддерживается, интерфейс остаётся функциональным.
Статья: https://ishadeed.com/article/field-sizing/
